@coreui/react-pro 5.25.0 → 5.27.0

package/dist/{cjs → esm/src}/components/table/types.d.ts

@@ -1,10 +1,11 @@
+import { CSSProperties } from 'react';
 import { CTableDataCellProps } from '../table/CTableDataCell';
 import { CTableHeaderCellProps } from '../table/CTableHeaderCell';
 import { CTableRowProps } from '../table/CTableRow';
 export type Column = {
     label?: string;
     key: string;
-    _style?: any;
+    _style?: CSSProperties;
     _props?: CTableHeaderCellProps;
 };
 export type FooterItem = {
@@ -12,6 +13,7 @@ export type FooterItem = {
     _props?: CTableDataCellProps;
 };
 export type Item = {
-    [key: string]: number | string | any;
+    _cellProps?: Record<string, CTableDataCellProps | undefined>;
     _props?: CTableRowProps;
+    [key: string]: unknown;
 };

package/dist/esm/{components → src/components}/time-picker/utils.d.ts

@@ -30,9 +30,10 @@ export declare const getAmPm: (date: Date, locale: string) => AmPm;
  * @param {number[]} values An array of time values to format.
  * @param {string} locale The locale to use for formatting.
  * @param {('hour' | 'minute' | 'second')} partial The type of time value to format.
+ * @param {boolean} [hour12] Whether the hour labels should use the 12-hour cycle. When omitted the formatter falls back to the locale's default cycle.
  * @returns {Array} An array of objects with the original value and its localized label.
  */
-export declare const formatTimePartials: (values: number[], locale: string, partial: "hour" | "minute" | "second") => FormattedPartial[];
+export declare const formatTimePartials: (values: number[], locale: string, partial: "hour" | "minute" | "second", hour12?: boolean) => FormattedPartial[];
 /**
  * Generates localized time partials (hours, minutes, seconds) based on the given parameters.
  * @param {string} locale The locale to use for generating localized time partials.

package/dist/esm/{components → src/components}/toast/CToastClose.d.ts

@@ -1,13 +1,10 @@
 import { ElementType } from 'react';
-import { CButtonProps } from '../button/CButton';
 import { CCloseButtonProps } from '../close-button/CCloseButton';
 import { PolymorphicRefForwardingComponent } from '../../helpers';
-type CombineButtonProps = CCloseButtonProps & CButtonProps;
-export interface CToastCloseProps extends Omit<CombineButtonProps, 'as'> {
+export interface CToastCloseProps extends CCloseButtonProps {
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
     as?: string | ElementType;
 }
 export declare const CToastClose: PolymorphicRefForwardingComponent<'button', CToastCloseProps>;
-export {};

package/dist/esm/{components → src/components}/toast/CToastHeader.d.ts

@@ -1,5 +1,11 @@
 import React, { HTMLAttributes } from 'react';
 export interface CToastHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * Sets the `aria-label` of the close button.
+     *
+     * @since 5.13.0
+     */
+    ariaCloseLabel?: string;
     /**
      * A string of all className you want applied to the base component.
      */

package/dist/{cjs → esm/src}/helpers/polymorphicComponent.d.ts

@@ -4,8 +4,7 @@ export type ReplaceProps<Inner extends ElementType, P> = Omit<ComponentPropsWith
 export interface AsProp<As extends ElementType = ElementType> {
     as?: As;
 }
-export interface Props<As extends ElementType = ElementType> extends AsProp<As> {
-}
+export type Props<As extends ElementType = ElementType> = AsProp<As>;
 export interface PolymorphicRefForwardingComponent<TInitial extends ElementType, P = unknown> {
     <As extends ElementType = TInitial>(props: PropsWithChildren<ReplaceProps<As, Props<As> & P>>, context?: any): ReactNode | null;
     propTypes?: any;

package/dist/esm/{hooks → src/hooks}/useForkedRef.d.ts

@@ -3,4 +3,4 @@ export type AssignableRef<ValueType> = {
 }['bivarianceHack'] | React.MutableRefObject<ValueType | null>;
 export declare function useForkedRef<RefValueType = any>(...refs: (AssignableRef<RefValueType> | null | undefined)[]): ((node: any) => void) | null;
 export declare function assignRef<RefValueType = any>(ref: AssignableRef<RefValueType> | null | undefined, value: any): void;
-export declare function isFunction(value: any): value is Function;
+export declare function isFunction(value: unknown): value is (...args: unknown[]) => unknown;

package/dist/esm/{utils → src/utils}/index.d.ts

@@ -8,4 +8,5 @@ import isInViewport from './isInViewport';
 import isObjectInArray from './isObjectInArray';
 import isRTL from './isRTL';
 import mergeClassNames from './mergeClassNames';
-export { executeAfterTransition, getNextActiveElement, getNextSibling, getPreviousSibling, getRTLPlacement, getTransitionDurationFromElement, isInViewport, isObjectInArray, isRTL, mergeClassNames, };
+import Swipe from './swipe';
+export { executeAfterTransition, getNextActiveElement, getNextSibling, getPreviousSibling, getRTLPlacement, getTransitionDurationFromElement, isInViewport, isObjectInArray, isRTL, mergeClassNames, Swipe, };

package/dist/esm/src/utils/swipe.d.ts

@@ -0,0 +1,26 @@
+export interface SwipeCallbacks {
+    onLeft?: () => void;
+    onRight?: () => void;
+    onEnd?: () => void;
+}
+/**
+ * Detects horizontal swipe gestures on an element, using Pointer events when
+ * available and falling back to Touch events otherwise. A modified port of the
+ * vanilla `@coreui/coreui` swipe helper.
+ */
+declare class Swipe {
+    private readonly element;
+    private readonly callbacks;
+    private deltaX;
+    private readonly supportPointerEvents;
+    constructor(element: HTMLElement, callbacks?: SwipeCallbacks);
+    static isSupported(): boolean;
+    dispose(): void;
+    private readonly start;
+    private readonly move;
+    private readonly end;
+    private handleSwipe;
+    private eventIsPointerPenTouch;
+    private initEvents;
+}
+export default Swipe;

package/dist/esm/utils/executeAfterTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"executeAfterTransition.js","sources":["../../../src/utils/executeAfterTransition.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,MAAM,OAAO,GAAG,CAAC,QAAoB,KAAI;AACvC,IAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAClC,QAAA,QAAQ,EAAE;IACZ;AACF,CAAC;AAED,MAAM,oBAAoB,GAAG,CAAC,OAAoB,KAAI;IACpD,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,sBAAsB,GAAG,CAC7B,QAAoB,EACpB,iBAA8B,EAC9B,iBAAiB,GAAG,IAAI,KACtB;IACF,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,CAAC,QAAQ,CAAC;QACjB;IACF;IAEA,MAAM,eAAe,GAAG,CAAC;IACzB,MAAM,gBAAgB,GAAG,gCAAgC,CAAC,iBAAiB,CAAC,GAAG,eAAe;IAE9F,IAAI,MAAM,GAAG,KAAK;AAElB,IAAA,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAmB,KAAI;AAC9C,QAAA,IAAI,MAAM,KAAK,iBAAiB,EAAE;YAChC;QACF;QAEA,MAAM,GAAG,IAAI;AACb,QAAA,iBAAiB,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC;QAC/D,OAAO,CAAC,QAAQ,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,iBAAiB,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC;IAC5D,UAAU,CAAC,MAAK;QACd,IAAI,CAAC,MAAM,EAAE;YACX,oBAAoB,CAAC,iBAAiB,CAAC;QACzC;IACF,CAAC,EAAE,gBAAgB,CAAC;AACtB;;;;"}
+{"version":3,"file":"executeAfterTransition.js","sources":["../../../../src/utils/executeAfterTransition.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,MAAM,OAAO,GAAG,CAAC,QAAoB,KAAI;AACvC,IAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAClC,QAAA,QAAQ,EAAE;IACZ;AACF,CAAC;AAED,MAAM,oBAAoB,GAAG,CAAC,OAAoB,KAAI;IACpD,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,sBAAsB,GAAG,CAC7B,QAAoB,EACpB,iBAA8B,EAC9B,iBAAiB,GAAG,IAAI,KACtB;IACF,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,CAAC,QAAQ,CAAC;QACjB;IACF;IAEA,MAAM,eAAe,GAAG,CAAC;IACzB,MAAM,gBAAgB,GAAG,gCAAgC,CAAC,iBAAiB,CAAC,GAAG,eAAe;IAE9F,IAAI,MAAM,GAAG,KAAK;AAElB,IAAA,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAS,KAAI;AACpC,QAAA,IAAI,MAAM,KAAK,iBAAiB,EAAE;YAChC;QACF;QAEA,MAAM,GAAG,IAAI;AACb,QAAA,iBAAiB,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC;QAC/D,OAAO,CAAC,QAAQ,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,iBAAiB,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC;IAC5D,UAAU,CAAC,MAAK;QACd,IAAI,CAAC,MAAM,EAAE;YACX,oBAAoB,CAAC,iBAAiB,CAAC;QACzC;IACF,CAAC,EAAE,gBAAgB,CAAC;AACtB;;;;"}

package/dist/esm/utils/getNextActiveElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNextActiveElement.js","sources":["../../../src/utils/getNextActiveElement.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,oBAAoB,GAAG,CAC3B,IAAmB,EACnB,aAA0B,EAC1B,aAAsB,EACtB,cAAuB,KACrB;AACF,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM;IAC9B,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;AAEvC,IAAA,IAAI,KAAK,KAAK,EAAE,EAAE;QAChB,OAAO,CAAC,aAAa,IAAI,cAAc,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC1E;IAEA,KAAK,IAAI,aAAa,GAAG,CAAC,GAAG,EAAE;IAE/B,IAAI,cAAc,EAAE;QAClB,KAAK,GAAG,CAAC,KAAK,GAAG,UAAU,IAAI,UAAU;IAC3C;IAEA,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;AAC3D;;;;"}
+{"version":3,"file":"getNextActiveElement.js","sources":["../../../../src/utils/getNextActiveElement.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,oBAAoB,GAAG,CAC3B,IAAmB,EACnB,aAA0B,EAC1B,aAAsB,EACtB,cAAuB,KACrB;AACF,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM;IAC9B,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;AAEvC,IAAA,IAAI,KAAK,KAAK,EAAE,EAAE;QAChB,OAAO,CAAC,aAAa,IAAI,cAAc,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC1E;IAEA,KAAK,IAAI,aAAa,GAAG,CAAC,GAAG,EAAE;IAE/B,IAAI,cAAc,EAAE;QAClB,KAAK,GAAG,CAAC,KAAK,GAAG,UAAU,IAAI,UAAU;IAC3C;IAEA,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;AAC3D;;;;"}

package/dist/esm/utils/getNextSibling.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNextSibling.js","sources":["../../../src/utils/getNextSibling.ts"],"sourcesContent":[null],"names":[],"mappings":"MAAa,cAAc,GAAG,CAAC,IAAiB,EAAE,QAAiB,KAAI;;AAErE,IAAA,IAAI,OAAO,GAAG,IAAI,CAAC,kBAAkB;;AAGrC,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,OAAO;;;IAI7B,OAAO,OAAO,EAAE;AACd,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,YAAA,OAAO,OAAO;AAC7C,QAAA,OAAO,GAAG,OAAO,CAAC,kBAAkB;IACtC;IAEA;AACF;;;;"}
+{"version":3,"file":"getNextSibling.js","sources":["../../../../src/utils/getNextSibling.ts"],"sourcesContent":[null],"names":[],"mappings":"MAAa,cAAc,GAAG,CAAC,IAAiB,EAAE,QAAiB,KAAI;;AAErE,IAAA,IAAI,OAAO,GAAG,IAAI,CAAC,kBAAkB;;AAGrC,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,OAAO;;;IAI7B,OAAO,OAAO,EAAE;AACd,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,YAAA,OAAO,OAAO;AAC7C,QAAA,OAAO,GAAG,OAAO,CAAC,kBAAkB;IACtC;IAEA;AACF;;;;"}

package/dist/esm/utils/getPreviousSibling.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPreviousSibling.js","sources":["../../../src/utils/getPreviousSibling.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG,CAAC,IAAiB,EAAE,QAAiB,KAAI;;AAElE,IAAA,IAAI,OAAO,GAAG,IAAI,CAAC,sBAAsB;;AAGzC,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,OAAO;;;IAI7B,OAAO,OAAO,EAAE;AACd,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,YAAA,OAAO,OAAO;AAC7C,QAAA,OAAO,GAAG,OAAO,CAAC,sBAAsB;IAC1C;IAEA;AACF;;;;"}
+{"version":3,"file":"getPreviousSibling.js","sources":["../../../../src/utils/getPreviousSibling.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG,CAAC,IAAiB,EAAE,QAAiB,KAAI;;AAElE,IAAA,IAAI,OAAO,GAAG,IAAI,CAAC,sBAAsB;;AAGzC,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,OAAO;;;IAI7B,OAAO,OAAO,EAAE;AACd,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,YAAA,OAAO,OAAO;AAC7C,QAAA,OAAO,GAAG,OAAO,CAAC,sBAAsB;IAC1C;IAEA;AACF;;;;"}

package/dist/esm/utils/getRTLPlacement.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRTLPlacement.js","sources":["../../../src/utils/getRTLPlacement.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,OAA8B,KAAe;IACvF,QAAQ,SAAS;QACf,KAAK,OAAO,EAAE;AACZ,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO;QAC1C;QACA,KAAK,MAAM,EAAE;AACX,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,MAAM;QAC1C;QACA,SAAS;AACP,YAAA,OAAO,SAAsB;QAC/B;;AAEJ;;;;"}
+{"version":3,"file":"getRTLPlacement.js","sources":["../../../../src/utils/getRTLPlacement.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,OAA8B,KAAe;IACvF,QAAQ,SAAS;QACf,KAAK,OAAO,EAAE;AACZ,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO;QAC1C;QACA,KAAK,MAAM,EAAE;AACX,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,MAAM;QAC1C;QACA,SAAS;AACP,YAAA,OAAO,SAAsB;QAC/B;;AAEJ;;;;"}

package/dist/esm/utils/getTransitionDurationFromElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTransitionDurationFromElement.js","sources":["../../../src/utils/getTransitionDurationFromElement.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,gCAAgC,GAAG,CAAC,OAAoB,KAAI;IAChE,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,OAAO,CAAC;IACV;;AAGA,IAAA,IAAI,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC;IAE9E,MAAM,uBAAuB,GAAG,MAAM,CAAC,UAAU,CAAC,kBAAkB,CAAC;IACrE,MAAM,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC;;AAG/D,IAAA,IAAI,CAAC,uBAAuB,IAAI,CAAC,oBAAoB,EAAE;AACrD,QAAA,OAAO,CAAC;IACV;;IAGA,kBAAkB,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACrD,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAE/C,IAAA,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,IAAI;AAC5F;;;;"}
+{"version":3,"file":"getTransitionDurationFromElement.js","sources":["../../../../src/utils/getTransitionDurationFromElement.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,gCAAgC,GAAG,CAAC,OAAoB,KAAI;IAChE,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,OAAO,CAAC;IACV;;AAGA,IAAA,IAAI,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC;IAE9E,MAAM,uBAAuB,GAAG,MAAM,CAAC,UAAU,CAAC,kBAAkB,CAAC;IACrE,MAAM,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC;;AAG/D,IAAA,IAAI,CAAC,uBAAuB,IAAI,CAAC,oBAAoB,EAAE;AACrD,QAAA,OAAO,CAAC;IACV;;IAGA,kBAAkB,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACrD,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAE/C,IAAA,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,IAAI;AAC5F;;;;"}

package/dist/esm/utils/isInViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"isInViewport.js","sources":["../../../src/utils/isInViewport.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,OAAoB,KAAI;AAC5C,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE;IAC5C,QACE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AAC1B,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;QACxF,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;AAEzF;;;;"}
+{"version":3,"file":"isInViewport.js","sources":["../../../../src/utils/isInViewport.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,OAAoB,KAAI;AAC5C,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE;IAC5C,QACE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AAC1B,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;QACxF,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;AAEzF;;;;"}

package/dist/esm/utils/isObjectInArray.js.map

@@ -1 +1 @@
-{"version":3,"file":"isObjectInArray.js","sources":["../../../src/utils/isObjectInArray.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,CAAI,KAAU,EAAE,IAAO,EAAE,MAAA,GAAmB,EAAE,KACpE,KAAK,CAAC,IAAI,CAAC,CAAC,KAAQ,KAAI;IACtB,IAAI,MAAM,GAAG,IAAI;AACjB,IAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE;YACrD,MAAM,GAAG,KAAK;YACd;QACF;IACF;AAEA,IAAA,OAAO,MAAM;AACf,CAAC;;;;"}
+{"version":3,"file":"isObjectInArray.js","sources":["../../../../src/utils/isObjectInArray.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,CAAI,KAAU,EAAE,IAAO,EAAE,MAAA,GAAmB,EAAE,KACpE,KAAK,CAAC,IAAI,CAAC,CAAC,KAAQ,KAAI;IACtB,IAAI,MAAM,GAAG,IAAI;AACjB,IAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE;YACrD,MAAM,GAAG,KAAK;YACd;QACF;IACF;AAEA,IAAA,OAAO,MAAM;AACf,CAAC;;;;"}

package/dist/esm/utils/isRTL.js.map

@@ -1 +1 @@
-{"version":3,"file":"isRTL.js","sources":["../../../src/utils/isRTL.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,CAAC,OAA6C,KAAI;AAC9D,IAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,GAAG,KAAK,KAAK,EAAE;AAC7E,QAAA,OAAO,IAAI;IACb;IAEA,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI;IAChD;AAEA,IAAA,OAAO,KAAK;AACd;;;;"}
+{"version":3,"file":"isRTL.js","sources":["../../../../src/utils/isRTL.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,CAAC,OAA6C,KAAI;AAC9D,IAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,GAAG,KAAK,KAAK,EAAE;AAC7E,QAAA,OAAO,IAAI;IACb;IAEA,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI;IAChD;AAEA,IAAA,OAAO,KAAK;AACd;;;;"}

package/dist/esm/utils/swipe.js

@@ -0,0 +1,90 @@
+const SWIPE_THRESHOLD = 40;
+const POINTER_TYPE_TOUCH = 'touch';
+const POINTER_TYPE_PEN = 'pen';
+const CLASS_NAME_POINTER_EVENT = 'pointer-event';
+/**
+ * Detects horizontal swipe gestures on an element, using Pointer events when
+ * available and falling back to Touch events otherwise. A modified port of the
+ * vanilla `@coreui/coreui` swipe helper.
+ */
+class Swipe {
+    constructor(element, callbacks = {}) {
+        this.deltaX = 0;
+        this.supportPointerEvents = Boolean(window.PointerEvent);
+        this.start = (event) => {
+            if (!this.supportPointerEvents) {
+                this.deltaX = event.touches[0].clientX;
+                return;
+            }
+            if (this.eventIsPointerPenTouch(event)) {
+                this.deltaX = event.clientX;
+            }
+        };
+        this.move = (event) => {
+            this.deltaX =
+                event.touches && event.touches.length > 1 ? 0 : event.touches[0].clientX - this.deltaX;
+        };
+        this.end = (event) => {
+            var _a, _b;
+            if (this.eventIsPointerPenTouch(event)) {
+                this.deltaX = event.clientX - this.deltaX;
+            }
+            this.handleSwipe();
+            (_b = (_a = this.callbacks).onEnd) === null || _b === void 0 ? void 0 : _b.call(_a);
+        };
+        this.element = element;
+        this.callbacks = callbacks;
+        if (!element || !Swipe.isSupported()) {
+            return;
+        }
+        this.initEvents();
+    }
+    static isSupported() {
+        return 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;
+    }
+    dispose() {
+        this.element.removeEventListener('pointerdown', this.start);
+        this.element.removeEventListener('pointerup', this.end);
+        this.element.removeEventListener('touchstart', this.start);
+        this.element.removeEventListener('touchmove', this.move);
+        this.element.removeEventListener('touchend', this.end);
+        this.element.classList.remove(CLASS_NAME_POINTER_EVENT);
+    }
+    handleSwipe() {
+        var _a, _b, _c, _d;
+        const absDeltaX = Math.abs(this.deltaX);
+        if (absDeltaX <= SWIPE_THRESHOLD) {
+            return;
+        }
+        const direction = absDeltaX / this.deltaX;
+        this.deltaX = 0;
+        if (!direction) {
+            return;
+        }
+        if (direction > 0) {
+            (_b = (_a = this.callbacks).onRight) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+        else {
+            (_d = (_c = this.callbacks).onLeft) === null || _d === void 0 ? void 0 : _d.call(_c);
+        }
+    }
+    eventIsPointerPenTouch(event) {
+        return (this.supportPointerEvents &&
+            (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH));
+    }
+    initEvents() {
+        if (this.supportPointerEvents) {
+            this.element.addEventListener('pointerdown', this.start);
+            this.element.addEventListener('pointerup', this.end);
+            this.element.classList.add(CLASS_NAME_POINTER_EVENT);
+        }
+        else {
+            this.element.addEventListener('touchstart', this.start);
+            this.element.addEventListener('touchmove', this.move);
+            this.element.addEventListener('touchend', this.end);
+        }
+    }
+}
+
+export { Swipe as default };
+//# sourceMappingURL=swipe.js.map

package/dist/esm/utils/swipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe.js","sources":["../../../../src/utils/swipe.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,EAAE;AAC1B,MAAM,kBAAkB,GAAG,OAAO;AAClC,MAAM,gBAAgB,GAAG,KAAK;AAC9B,MAAM,wBAAwB,GAAG,eAAe;AAQhD;;;;AAIG;AACH,MAAM,KAAK,CAAA;IAMT,WAAA,CAAY,OAAoB,EAAE,SAAA,GAA4B,EAAE,EAAA;QAHxD,IAAA,CAAA,MAAM,GAAG,CAAC;AACD,QAAA,IAAA,CAAA,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC;AA0BnD,QAAA,IAAA,CAAA,KAAK,GAAG,CAAC,KAAgC,KAAU;AAClE,YAAA,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;gBAC9B,IAAI,CAAC,MAAM,GAAI,KAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO;gBACtD;YACF;AAEA,YAAA,IAAI,IAAI,CAAC,sBAAsB,CAAC,KAAqB,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,MAAM,GAAI,KAAsB,CAAC,OAAO;YAC/C;AACF,QAAA,CAAC;AAEgB,QAAA,IAAA,CAAA,IAAI,GAAG,CAAC,KAAiB,KAAU;AAClD,YAAA,IAAI,CAAC,MAAM;AACT,gBAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM;AAC1F,QAAA,CAAC;AAEgB,QAAA,IAAA,CAAA,GAAG,GAAG,CAAC,KAAgC,KAAU;;AAChE,YAAA,IAAI,IAAI,CAAC,sBAAsB,CAAC,KAAqB,CAAC,EAAE;gBACtD,IAAI,CAAC,MAAM,GAAI,KAAsB,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM;YAC7D;YAEA,IAAI,CAAC,WAAW,EAAE;AAClB,YAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,SAAS,EAAC,KAAK,kDAAI;AAC1B,QAAA,CAAC;AA9CC,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAE1B,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE;YACpC;QACF;QAEA,IAAI,CAAC,UAAU,EAAE;IACnB;AAEA,IAAA,OAAO,WAAW,GAAA;QAChB,OAAO,cAAc,IAAI,QAAQ,CAAC,eAAe,IAAI,SAAS,CAAC,cAAc,GAAG,CAAC;IACnF;IAEA,OAAO,GAAA;QACL,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC;QAC3D,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC;QACvD,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC;QAC1D,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC;QACtD,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC;IACzD;IA2BQ,WAAW,GAAA;;QACjB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;AAEvC,QAAA,IAAI,SAAS,IAAI,eAAe,EAAE;YAChC;QACF;AAEA,QAAA,MAAM,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC,MAAM;AAEzC,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC;QAEf,IAAI,CAAC,SAAS,EAAE;YACd;QACF;AAEA,QAAA,IAAI,SAAS,GAAG,CAAC,EAAE;AACjB,YAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,SAAS,EAAC,OAAO,kDAAI;QAC5B;aAAO;AACL,YAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,SAAS,EAAC,MAAM,kDAAI;QAC3B;IACF;AAEQ,IAAA,sBAAsB,CAAC,KAAmB,EAAA;QAChD,QACE,IAAI,CAAC,oBAAoB;AACzB,aAAC,KAAK,CAAC,WAAW,KAAK,gBAAgB,IAAI,KAAK,CAAC,WAAW,KAAK,kBAAkB,CAAC;IAExF;IAEQ,UAAU,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,oBAAoB,EAAE;YAC7B,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC;YACxD,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC;YACpD,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,wBAAwB,CAAC;QACtD;aAAO;YACL,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC;YACvD,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC;YACrD,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC;QACrD;IACF;AACD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react-pro",
-  "version": "5.25.0",
+  "version": "5.27.0",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
@@ -29,7 +29,8 @@
   "types": "dist/esm/index.d.ts",
   "files": [
     "dist/",
-    "src/"
+    "src/",
+    "!src/**/__tests__"
   ],
   "sideEffects": false,
   "scripts": {
@@ -37,40 +38,41 @@
     "build-cjs": "rollup --environment ESM:false --config",
     "build-esm": "rollup --environment ESM:true --config",
     "clean": "cross-env-shell \"rm -rf dist\"",
-    "test": "jest --coverage",
-    "test:update": "jest --coverage --updateSnapshot"
+    "test": "vitest run --coverage",
+    "test:update": "vitest run --coverage -u"
   },
   "dependencies": {
-    "@coreui/coreui-pro": "^5.25.0",
+    "@coreui/coreui-pro": "^5.27.0",
     "@popperjs/core": "^2.11.8",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^29.0.2",
+    "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^30.0.0",
     "@types/prop-types": "15.7.15",
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@types/react-transition-group": "^4.4.12",
-    "jest-axe": "^10.0.0",
+    "@vitejs/plugin-react": "^6.0.3",
+    "@vitest/coverage-v8": "^4.1.10",
     "classnames": "^2.5.1",
     "cross-env": "^10.1.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "jest-axe": "^10.0.0",
+    "jsdom": "^29.1.1",
     "react": "^18.3.1",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "rollup": "^4.60.4",
-    "ts-jest": "^29.4.9",
+    "rollup": "^4.62.2",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vite": "^8.1.5",
+    "vitest": "^4.1.10"
   },
   "peerDependencies": {
     "react": ">=17",

package/src/components/alert/CAlert.tsx

@@ -10,6 +10,12 @@ import { colorPropType } from '../../props'
 import type { Colors } from '../../types'
 
 export interface CAlertProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * Sets the `aria-label` of the dismissible close button.
+   *
+   * @since 5.13.0
+   */
+  ariaCloseLabel?: string
   /**
    * A string of all className you want applied to the component.
    */
@@ -28,6 +34,18 @@ export interface CAlertProps extends HTMLAttributes<HTMLDivElement> {
    * Callback fired when the component requests to be closed.
    */
   onClose?: () => void
+  /**
+   * Callback fired when the component has been closed and the CSS transition has completed.
+   *
+   * @since 5.13.0
+   */
+  onClosed?: () => void
+  /**
+   * Set whether the alert fades in and out when it is shown and hidden. Set to `false` to make it appear and disappear without a fade animation.
+   *
+   * @since 5.13.0
+   */
+  transition?: boolean
   /**
    * Set the alert variant to a solid.
    */
@@ -42,12 +60,15 @@ export const CAlert = forwardRef<HTMLDivElement, CAlertProps>(
   (
     {
       children,
+      ariaCloseLabel = 'Close',
       className,
       color = 'primary',
       dismissible,
+      transition = true,
       variant,
       visible = true,
       onClose,
+      onClosed,
       ...rest
     },
     ref
@@ -66,7 +87,8 @@ export const CAlert = forwardRef<HTMLDivElement, CAlertProps>(
         mountOnEnter
         nodeRef={alertRef}
         onExit={onClose}
-        timeout={150}
+        onExited={onClosed}
+        timeout={transition ? 150 : 0}
         unmountOnExit
       >
         {(state) => (
@@ -75,7 +97,8 @@ export const CAlert = forwardRef<HTMLDivElement, CAlertProps>(
               'alert',
               variant === 'solid' ? `bg-${color} text-white` : `alert-${color}`,
               {
-                'alert-dismissible fade': dismissible,
+                'alert-dismissible': dismissible,
+                fade: transition,
                 show: state === 'entered',
               },
               className
@@ -85,7 +108,9 @@ export const CAlert = forwardRef<HTMLDivElement, CAlertProps>(
             ref={forkedRef}
           >
             {children}
-            {dismissible && <CCloseButton onClick={() => setVisible(false)} />}
+            {dismissible && (
+              <CCloseButton aria-label={ariaCloseLabel} onClick={() => setVisible(false)} />
+            )}
           </div>
         )}
       </Transition>
@@ -94,11 +119,14 @@ export const CAlert = forwardRef<HTMLDivElement, CAlertProps>(
 )
 
 CAlert.propTypes = {
+  ariaCloseLabel: PropTypes.string,
   children: PropTypes.node,
   className: PropTypes.string,
   color: colorPropType.isRequired,
   dismissible: PropTypes.bool,
   onClose: PropTypes.func,
+  onClosed: PropTypes.func,
+  transition: PropTypes.bool,
   variant: PropTypes.string,
   visible: PropTypes.bool,
 }

package/src/components/autocomplete/CAutocomplete.tsx

@@ -46,6 +46,20 @@ export interface CAutocompleteProps
    */
   allowOnlyDefinedOptions?: boolean
 
+  /**
+   * Sets the accessible label (`aria-label`) for the cleaner button, describing its action for screen readers.
+   *
+   * @since 5.27.0
+   */
+  ariaCleanerLabel?: string
+
+  /**
+   * Sets the accessible label (`aria-label`) for the indicator button that toggles the options menu.
+   *
+   * @since 5.27.0
+   */
+  ariaIndicatorLabel?: string
+
   /**
    * A string of all className you want applied to the base component.
    * These classes will be merged with the default React autocomplete classes.
@@ -311,6 +325,8 @@ export const CAutocomplete = forwardRef<HTMLDivElement, CAutocompleteProps>(
   (
     {
       allowOnlyDefinedOptions = false,
+      ariaCleanerLabel = 'Clear selection',
+      ariaIndicatorLabel = 'Toggle visibility of options menu',
       className,
       cleaner = false,
       clearSearchOnSelect = true,
@@ -690,6 +706,14 @@ export const CAutocomplete = forwardRef<HTMLDivElement, CAutocompleteProps>(
       inputRef.current?.focus()
     }, [onHide, handleMouseUp, handleKeyUp, destroyPopper])
 
+    useEffect(
+      () => () => {
+        window.removeEventListener('mouseup', handleMouseUp)
+        window.removeEventListener('keyup', handleKeyUp)
+      },
+      [handleMouseUp, handleKeyUp]
+    )
+
     return (
       <CFormControlWrapper
         describedby={rest['aria-describedby']}
@@ -752,6 +776,7 @@ export const CAutocomplete = forwardRef<HTMLDivElement, CAutocompleteProps>(
               aria-autocomplete="list"
               aria-expanded={_visible}
               aria-haspopup="listbox"
+              aria-controls={`autocomplete-listbox-${uniqueId}`}
               {...(portal && { 'aria-owns': `autocomplete-listbox-${uniqueId}` })}
               readOnly={readOnly}
               role="combobox"
@@ -763,6 +788,7 @@ export const CAutocomplete = forwardRef<HTMLDivElement, CAutocompleteProps>(
                   <button
                     type="button"
                     className="autocomplete-cleaner"
+                    aria-label={ariaCleanerLabel}
                     onClick={(event) => {
                       event.preventDefault()
                       event.stopPropagation()
@@ -774,6 +800,7 @@ export const CAutocomplete = forwardRef<HTMLDivElement, CAutocompleteProps>(
                   <button
                     type="button"
                     className="autocomplete-indicator"
+                    aria-label={ariaIndicatorLabel}
                     disabled={
                       !(searchNoResultsLabel || filteredOptions.length > 0) &&
                       isExternalSearch(search)
@@ -828,6 +855,8 @@ export const CAutocomplete = forwardRef<HTMLDivElement, CAutocompleteProps>(
 
 CAutocomplete.propTypes = {
   allowOnlyDefinedOptions: PropTypes.bool,
+  ariaCleanerLabel: PropTypes.string,
+  ariaIndicatorLabel: PropTypes.string,
   className: PropTypes.string,
   clearSearchOnSelect: PropTypes.bool,
   cleaner: PropTypes.bool,

package/src/components/autocomplete/CAutocompleteOptions.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, HTMLAttributes, ReactNode } from 'react'
+import React, { forwardRef, HTMLAttributes, JSX, ReactNode } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
@@ -74,6 +74,38 @@ export const CAutocompleteOptions = forwardRef<HTMLDivElement, CAutocompleteOpti
           prev.focus()
         }
       }
+
+      if (event.key === 'Home' || event.key === 'End') {
+        event.preventDefault()
+        const target = event.target as HTMLElement
+        const container = target.closest('.autocomplete-options') as HTMLElement | null
+
+        if (!container) {
+          return
+        }
+
+        const first = event.key === 'Home'
+        const focusEdgeOption = () => {
+          const options = container.querySelectorAll<HTMLElement>(
+            '.autocomplete-option:not(.disabled):not(:disabled)'
+          )
+
+          if (options.length > 0) {
+            options[first ? 0 : options.length - 1].focus()
+          }
+        }
+
+        if (virtualScroller) {
+          // The virtualized viewport only mounts a window of options — scroll it to
+          // the edge so the true first/last options render, then focus after the
+          // window has re-rendered (scroll event → state update → commit).
+          container.scrollTop = first ? 0 : container.scrollHeight
+          requestAnimationFrame(() => requestAnimationFrame(focusEdgeOption))
+          return
+        }
+
+        focusEdgeOption()
+      }
     }
 
     const createOption = (option: Option, index: number) => (
@@ -85,6 +117,10 @@ export const CAutocompleteOptions = forwardRef<HTMLDivElement, CAutocompleteOpti
         key={index}
         onClick={() => onOptionClick && onOptionClick(option as Option)}
         onKeyDown={(event) => handleKeyDown(event, option as Option)}
+        onMouseDown={(event) => event.preventDefault()}
+        role="option"
+        aria-selected={isOptionSelected(option, selected)}
+        {...(isOptionDisabled(option) && { 'aria-disabled': true })}
         tabIndex={0}
       >
         {optionsTemplate ? (
@@ -118,18 +154,15 @@ export const CAutocompleteOptions = forwardRef<HTMLDivElement, CAutocompleteOpti
           )
         )
       ) : (
-        <div className="autocomplete-options-empty">{searchNoResultsLabel}</div>
+        <div className="autocomplete-options-empty" role="status">
+          {searchNoResultsLabel}
+        </div>
       )
 
     return (
       <>
         {virtualScroller ? (
-          <CVirtualScroller
-            className="autocomplete-options"
-            visibleItems={visibleItems}
-            role="listbox"
-            ref={ref}
-          >
+          <CVirtualScroller className="autocomplete-options" visibleItems={visibleItems} ref={ref}>
             {createOptions(options)}
           </CVirtualScroller>
         ) : (
@@ -138,7 +171,6 @@ export const CAutocompleteOptions = forwardRef<HTMLDivElement, CAutocompleteOpti
             {...(optionsMaxHeight !== 'auto' && {
               style: { maxHeight: optionsMaxHeight, overflow: 'scroll' },
             })}
-            role="listbox"
             ref={ref}
           >
             {createOptions(options)}

package/src/components/autocomplete/utils.ts

@@ -53,13 +53,32 @@ export const isGlobalSearch = (search: Search | undefined): boolean => {
 export const getOptionLabel = (option: Option) =>
   typeof option === 'string' ? option : option.label
 
+const ESCAPE_HTML_MAP: Record<string, string> = {
+  '&': '&amp;',
+  '<': '&lt;',
+  '>': '&gt;',
+  '"': '&quot;',
+  "'": '&#x27;',
+}
+
+const escapeHtml = (string: string): string =>
+  String(string).replaceAll(/[&<>"']/g, (character) => ESCAPE_HTML_MAP[character])
+
+const escapeRegExp = (string: string): string =>
+  String(string).replaceAll(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`)
+
 export const highlightSubstring = (string: string, query?: string) => {
-  if (query) {
-    const regex = new RegExp(query, 'gi')
-    return string.replace(regex, (string) => `<strong>${string}</strong>`)
+  if (!query) {
+    return escapeHtml(string)
   }
 
-  return string
+  const regex = new RegExp(`(${escapeRegExp(query)})`, 'gi')
+  return String(string)
+    .split(regex)
+    .map((part, index) =>
+      index % 2 === 0 ? escapeHtml(part) : `<strong>${escapeHtml(part)}</strong>`
+    )
+    .join('')
 }
 
 export const isOptionDisabled = (option: Option | OptionsGroup | string) =>