@rainbow-oh/yee-c 0.8.13 → 0.8.15

package/dist/cjs/Pagination/style/index.less

@@ -30,6 +30,10 @@
     margin-right: 0;
   }
 
+  &-total {
+    white-space: nowrap;
+  }
+
   &-prev,
   &-next {
     // border: var(--yee-pagination-item-border-width) solid var(--yee-pagination-item-border-color);

package/dist/cjs/Progress/circle.js

@@ -148,7 +148,7 @@ var Circle = import_react.default.forwardRef((props, ref) => {
       style: { width, height: width },
       ref
     },
-    /* @__PURE__ */ import_react.default.createElement("svg", { className: `${prefixCls}-circle`, viewBox: "0 0 120 120" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("svg", { className: `${prefixCls}-circle`, viewBox: "0 0 120 120", "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(
       "circle",
       {
         className: `${prefixCls}-circle-trail`,

package/dist/cjs/Progress/line.js

@@ -72,7 +72,7 @@ var Line = import_react.default.forwardRef((props, ref) => {
       };
     }
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-outer`, ref }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-inner`, style: { height: strokeWidth } }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-outer`, ref }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-inner`, style: { height: strokeWidth }, "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: `${prefixCls}-bg`,

package/dist/cjs/Progress/progress.js

@@ -158,6 +158,8 @@ var Progress = import_react.default.forwardRef(
         "aria-valuenow": percent,
         "aria-valuemin": 0,
         "aria-valuemax": 100,
+        "aria-valuetext": `${percent}%`,
+        "aria-label": status === "error" ? `Progress: ${percent}%, error` : `Progress: ${percent}%`,
         ref
       }, dataAttrs),
       progress

package/dist/cjs/Progress/steps.js

@@ -75,7 +75,7 @@ var Steps = import_react.default.forwardRef((props, ref) => {
       );
     });
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-steps`, ref }, renderSteps(), showInfo && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-text` }, children));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-steps`, ref }, /* @__PURE__ */ import_react.default.createElement("div", { "aria-hidden": "true", style: { display: "contents" } }, renderSteps()), showInfo && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-text` }, children));
 });
 Steps.displayName = "Steps";
 var steps_default = Steps;

package/dist/cjs/Search/search.js

@@ -128,6 +128,7 @@ var Search = import_react.default.forwardRef(
     });
     const [open, setOpen] = (0, import_react.useState)(false);
     const popupRef = (0, import_react.useRef)(void 0);
+    const listboxId = (0, import_react.useId)();
     const { focusedKey, onKeyDown } = (0, import_useSelectKeyboard.default)({
       open,
       options: options || suggestions,
@@ -187,9 +188,18 @@ var Search = import_react.default.forwardRef(
         {
           className: (0, import_clsx.default)(`${prefixCls}-clear-icon`, classNames == null ? void 0 : classNames.clear),
           style: styles == null ? void 0 : styles.clear,
-          onClick: handleClear
+          onClick: handleClear,
+          role: "button",
+          "aria-label": "Clear search",
+          tabIndex: 0,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              handleClear(e);
+            }
+          }
         },
-        /* @__PURE__ */ import_react.default.createElement(import_lucide_react.X, { size: 14 })
+        /* @__PURE__ */ import_react.default.createElement(import_lucide_react.X, { size: 14, "aria-hidden": "true" })
       ), suffix);
     };
     const renderPrefix = () => {
@@ -220,7 +230,8 @@ var Search = import_react.default.forwardRef(
         className
       );
     };
-    const popup = /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-popup`, tabIndex: 0 }, Array.isArray(options) ? /* @__PURE__ */ import_react.default.createElement(
+    const hasPopup = Array.isArray(options) || Array.isArray(suggestions);
+    const popup = /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-popup`, tabIndex: 0, id: listboxId, role: "listbox" }, Array.isArray(options) ? /* @__PURE__ */ import_react.default.createElement(
       import_List.default,
       {
         focusedKey,
@@ -237,19 +248,37 @@ var Search = import_react.default.forwardRef(
         onClick: onChange
       }
     ) : null);
-    return /* @__PURE__ */ import_react.default.createElement(import_Trigger.default, { popup, open, onOpenChange: setOpen }, /* @__PURE__ */ import_react.default.createElement("div", { className: getRootClassName(), style }, renderPrefix(), /* @__PURE__ */ import_react.default.createElement(
-      "input",
-      __spreadProps(__spreadValues({}, rest), {
-        ref,
-        value: searchValue,
-        className: getInputClassName(),
-        style: styles == null ? void 0 : styles.input,
-        disabled,
-        placeholder,
-        onChange: handleChange,
-        onKeyDown
-      })
-    ), loading ? /* @__PURE__ */ import_react.default.createElement(import_Spin.default, { variant: "ring", size: "small" }) : renderSuffix()));
+    return /* @__PURE__ */ import_react.default.createElement(import_Trigger.default, { popup, open, onOpenChange: setOpen }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: getRootClassName(),
+        style,
+        role: "combobox",
+        "aria-expanded": hasPopup ? open : void 0,
+        "aria-haspopup": hasPopup ? "listbox" : void 0,
+        "aria-owns": hasPopup && open ? listboxId : void 0,
+        "aria-disabled": disabled || void 0
+      },
+      renderPrefix(),
+      /* @__PURE__ */ import_react.default.createElement(
+        "input",
+        __spreadProps(__spreadValues({}, rest), {
+          ref,
+          value: searchValue,
+          className: getInputClassName(),
+          style: styles == null ? void 0 : styles.input,
+          disabled,
+          placeholder,
+          onChange: handleChange,
+          onKeyDown,
+          role: "searchbox",
+          "aria-autocomplete": hasPopup ? "list" : void 0,
+          "aria-controls": hasPopup && open ? listboxId : void 0,
+          "aria-activedescendant": hasPopup && open && focusedKey != null ? String(focusedKey) : void 0
+        })
+      ),
+      loading ? /* @__PURE__ */ import_react.default.createElement(import_Spin.default, { variant: "ring", size: "small", "aria-label": "Loading" }) : renderSuffix()
+    ));
   }
 );
 var search_default = Search;

package/dist/cjs/Select/interface.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import type { TriggerProps } from '../Trigger';
 import type { SelectorProps } from '../Selector';
 import type { DataAttributeProps } from '../utils/types';
 export type Option = {
@@ -23,7 +24,7 @@ export type Option = {
      */
     [prop: string]: any;
 };
-export interface SelectProps extends DataAttributeProps, Pick<SelectorProps, 'size'> {
+export interface SelectProps extends DataAttributeProps, Pick<SelectorProps, 'size'>, Omit<TriggerProps, 'popup' | 'children'> {
     /**
      * Custom class name prefix
      * */

package/dist/cjs/Spin/demo/types.js

@@ -35,5 +35,5 @@ module.exports = __toCommonJS(types_exports);
 var import_yee_c = require("../..");
 var import_react = __toESM(require("react"));
 var types_default = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Spin, { variant: "dot" }), /* @__PURE__ */ import_react.default.createElement("span", null, "dot")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Spin, { variant: "ring" }), /* @__PURE__ */ import_react.default.createElement("span", null, "ring")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Spin, { variant: "spokes" }), /* @__PURE__ */ import_react.default.createElement("span", null, "spokes")));
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Spin, { variant: "dot" }), /* @__PURE__ */ import_react.default.createElement("span", null, "dot")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Spin, { variant: "ring" }), /* @__PURE__ */ import_react.default.createElement("span", null, "ring")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Spin, { variant: "spokes" }), /* @__PURE__ */ import_react.default.createElement("span", null, "spokes")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Spin, { variant: "bounce" }), /* @__PURE__ */ import_react.default.createElement("span", null, "bounce")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Spin, { variant: "pulse" }), /* @__PURE__ */ import_react.default.createElement("span", null, "pulse")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Spin, { variant: "wheel" }), /* @__PURE__ */ import_react.default.createElement("span", null, "wheel")));
 };

package/dist/cjs/Spin/indicator.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SpinProps } from './interface';
 interface IndicatorProps extends SpinProps {
-    variant?: 'dot' | 'ring' | 'spokes';
+    variant?: 'dot' | 'ring' | 'spokes' | 'bounce' | 'pulse' | 'wheel';
 }
 declare const Indicator: React.FC<IndicatorProps>;
 export default Indicator;

package/dist/cjs/Spin/indicator.js

@@ -109,7 +109,8 @@ var SpokesSpinner = (props) => {
     classNames,
     styles,
     width,
-    height
+    height,
+    color
   } = props;
   const containerSize = sizeMap[size];
   const count = 8;
@@ -133,7 +134,8 @@ var SpokesSpinner = (props) => {
         className: `${prefixCls}-spokes-line`,
         style: {
           transform: `rotate(${i * (360 / count)}deg)`,
-          animationDelay: `${i * 1 / count}s`
+          animationDelay: `${i * 1 / count}s`,
+          backgroundColor: color
         }
       }
     )))
@@ -225,6 +227,141 @@ var DotSpinner = (props) => {
       `)
   );
 };
+var BounceSpinner = (props) => {
+  const {
+    prefixCls = "yee-spin",
+    size = "default",
+    classNames,
+    styles,
+    width,
+    height,
+    color
+  } = props;
+  const containerSize = sizeMap[size];
+  const dotSizeMap = { small: 4, default: 6, large: 10 };
+  const dotSize = dotSizeMap[size];
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_clsx.default)(
+        `${prefixCls}-indicator`,
+        `${prefixCls}-indicator-bounce`,
+        classNames == null ? void 0 : classNames.indicator
+      ),
+      style: __spreadValues({
+        width: width || containerSize,
+        height: height || containerSize
+      }, styles == null ? void 0 : styles.indicator)
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-bounce` }, [0, 1, 2].map((i) => /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        key: i,
+        className: `${prefixCls}-bounce-dot`,
+        style: {
+          width: dotSize,
+          height: dotSize,
+          animationDelay: `${i * 0.15}s`,
+          backgroundColor: color
+        }
+      }
+    )))
+  );
+};
+var PulseSpinner = (props) => {
+  const {
+    prefixCls = "yee-spin",
+    size = "default",
+    classNames,
+    styles,
+    width,
+    height,
+    color
+  } = props;
+  const containerSize = sizeMap[size];
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_clsx.default)(
+        `${prefixCls}-indicator`,
+        `${prefixCls}-indicator-pulse`,
+        classNames == null ? void 0 : classNames.indicator
+      ),
+      style: __spreadValues({
+        width: width || containerSize,
+        height: height || containerSize
+      }, styles == null ? void 0 : styles.indicator)
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        className: `${prefixCls}-pulse-circle`,
+        style: { backgroundColor: color }
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        className: `${prefixCls}-pulse-circle ${prefixCls}-pulse-circle-delay`,
+        style: { backgroundColor: color }
+      }
+    )
+  );
+};
+var WheelSpinner = (props) => {
+  const {
+    prefixCls = "yee-spin",
+    size = "default",
+    classNames,
+    styles,
+    width,
+    height,
+    color
+  } = props;
+  const containerSize = sizeMap[size];
+  const count = 10;
+  const innerRadius = 0.38;
+  const spokeLength = containerSize * 0.22;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_clsx.default)(
+        `${prefixCls}-indicator`,
+        `${prefixCls}-indicator-wheel`,
+        classNames == null ? void 0 : classNames.indicator
+      ),
+      style: __spreadValues({
+        width: width || containerSize,
+        height: height || containerSize
+      }, styles == null ? void 0 : styles.indicator)
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-wheel-spokes` }, Array.from({ length: count }, (_, i) => {
+      const angle = i * 360 / count;
+      const rad = angle * Math.PI / 180;
+      const cx = containerSize / 2;
+      const cy = containerSize / 2;
+      const x = cx + innerRadius * containerSize * Math.sin(rad);
+      const y = cy - innerRadius * containerSize * Math.cos(rad);
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: i,
+          className: `${prefixCls}-wheel-spoke`,
+          style: {
+            top: y,
+            left: x,
+            height: spokeLength,
+            marginLeft: -1,
+            transform: `rotate(${angle}deg)`,
+            transformOrigin: "top center",
+            animationDelay: `${i * 1.2 / count}s`,
+            backgroundColor: color
+          }
+        }
+      );
+    }))
+  );
+};
 var Indicator = (_a) => {
   var _b = _a, { variant = "dot" } = _b, props = __objRest(_b, ["variant"]);
   if (variant === "ring") {
@@ -233,6 +370,15 @@ var Indicator = (_a) => {
   if (variant === "spokes") {
     return /* @__PURE__ */ import_react.default.createElement(SpokesSpinner, __spreadValues({}, props));
   }
+  if (variant === "bounce") {
+    return /* @__PURE__ */ import_react.default.createElement(BounceSpinner, __spreadValues({}, props));
+  }
+  if (variant === "pulse") {
+    return /* @__PURE__ */ import_react.default.createElement(PulseSpinner, __spreadValues({}, props));
+  }
+  if (variant === "wheel") {
+    return /* @__PURE__ */ import_react.default.createElement(WheelSpinner, __spreadValues({}, props));
+  }
   return /* @__PURE__ */ import_react.default.createElement(DotSpinner, __spreadValues({}, props));
 };
 var indicator_default = Indicator;

package/dist/cjs/Spin/interface.d.ts

@@ -66,7 +66,7 @@ export type SpinProps = DataAttributeProps & {
     /**
      * Indicator variant
      * */
-    variant?: 'dot' | 'ring' | 'spokes';
+    variant?: 'dot' | 'ring' | 'spokes' | 'bounce' | 'pulse' | 'wheel';
     /**
      * Loading indicator
      */

package/dist/cjs/Spin/style/index.less

@@ -43,10 +43,7 @@
         display: block;
         border-style: solid;
         border-color: var(--yee-color-bg-layout, rgba(0, 0, 0, 8%));
-        border-top-color: var(
-          --yee-spin-default-color,
-          var(--yee-color-primary, #1677ff)
-        );
+        border-top-color: var(--m-indicator-dot-bg-color);
         border-radius: 50%;
         animation: yee-spin-ring-rotate 0.8s linear infinite;
       }
@@ -67,10 +64,65 @@
         height: 40%;
         margin-left: -1px;
         transform-origin: center bottom;
-        background-color: var(
-          --yee-spin-default-color,
-          var(--yee-color-primary, #1677ff)
-        );
+        background-color: var(--m-indicator-dot-bg-color);
+        border-radius: 1px;
+        animation: yee-spin-spokes-fade 1.2s linear infinite;
+      }
+    }
+
+    &-bounce {
+      @{pls}-bounce {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        height: 100%;
+        gap: 3px;
+      }
+
+      @{pls}-bounce-dot {
+        display: inline-block;
+        background-color: var(--m-indicator-dot-bg-color);
+        border-radius: 50%;
+        animation: yee-spin-bounce 0.6s ease-in-out infinite alternate;
+      }
+    }
+
+    &-pulse {
+      @{pls}-pulse-circle {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: 50%;
+        background-color: var(--m-indicator-dot-bg-color);
+        opacity: 0.6;
+        animation: yee-spin-pulse 1.5s ease-in-out infinite;
+
+        &-delay {
+          animation-delay: 0.5s;
+        }
+      }
+    }
+
+    &-wheel {
+      @{pls}-wheel-hub {
+        display: none;
+      }
+
+      @{pls}-wheel-spokes {
+        position: relative;
+        width: 100%;
+        height: 100%;
+      }
+
+      @{pls}-wheel-spoke {
+        position: absolute;
+        left: 50%;
+        width: 2px;
+        margin-left: -1px;
+        background-color: var(--m-indicator-dot-bg-color);
         border-radius: 1px;
         animation: yee-spin-spokes-fade 1.2s linear infinite;
       }
@@ -174,3 +226,31 @@
     opacity: 0.15;
   }
 }
+
+@keyframes yee-spin-bounce {
+  0% {
+    transform: translateY(25%);
+    opacity: 0.4;
+  }
+
+  100% {
+    transform: translateY(-25%);
+    opacity: 1;
+  }
+}
+
+@keyframes yee-spin-pulse {
+  0% {
+    transform: scale(0);
+    opacity: 0.6;
+  }
+
+  50% {
+    opacity: 0.3;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0;
+  }
+}

package/dist/cjs/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-30T06:25:23.552Z
+ * Generated on 2026-07-31T06:58:34.574Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/cjs/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-30T06:25:23.552Z
+ * Generated on 2026-07-31T06:58:34.574Z
  */
 
 /* ========== color.css ========== */

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.8.13";
+export declare const version = "0.8.15";

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.8.13";
+var version = "0.8.15";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Pagination/style/index.less

@@ -30,6 +30,10 @@
     margin-right: 0;
   }
 
+  &-total {
+    white-space: nowrap;
+  }
+
   &-prev,
   &-next {
     // border: var(--yee-pagination-item-border-width) solid var(--yee-pagination-item-border-color);

package/dist/esm/Progress/circle.js

@@ -103,7 +103,8 @@ var Circle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref
   }, /*#__PURE__*/React.createElement("svg", {
     className: "".concat(prefixCls, "-circle"),
-    viewBox: "0 0 120 120"
+    viewBox: "0 0 120 120",
+    "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement("circle", {
     className: "".concat(prefixCls, "-circle-trail"),
     cx: "60",

package/dist/esm/Progress/line.js

@@ -39,7 +39,8 @@ var Line = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: "".concat(prefixCls, "-inner"),
     style: {
       height: strokeWidth
-    }
+    },
+    "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-bg"),
     style: _objectSpread({

package/dist/esm/Progress/progress.js

@@ -90,6 +90,8 @@ var Progress = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
     "aria-valuenow": percent,
     "aria-valuemin": 0,
     "aria-valuemax": 100,
+    "aria-valuetext": "".concat(percent, "%"),
+    "aria-label": status === 'error' ? "Progress: ".concat(percent, "%, error") : "Progress: ".concat(percent, "%"),
     ref: ref
   }, dataAttrs), progress);
 });

package/dist/esm/Progress/steps.js

@@ -43,7 +43,12 @@ var Steps = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-steps"),
     ref: ref
-  }, renderSteps(), showInfo && /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("div", {
+    "aria-hidden": "true",
+    style: {
+      display: 'contents'
+    }
+  }, renderSteps()), showInfo && /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-text")
   }, children));
 });

package/dist/esm/Search/search.js

@@ -14,7 +14,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import clsx from 'clsx';
 import { X } from 'lucide-react';
-import React, { startTransition, useContext, useEffect, useRef, useState } from 'react';
+import React, { startTransition, useContext, useEffect, useId, useRef, useState } from 'react';
 import { GlobalContext } from "../Config-Provider";
 import useMergedState from "../hooks/useMergedState";
 import List from "../List";
@@ -65,6 +65,7 @@ var Search = /*#__PURE__*/React.forwardRef(function (baseProps, ref) {
     open = _useState2[0],
     setOpen = _useState2[1];
   var popupRef = useRef(undefined);
+  var listboxId = useId();
   var _useSelectKeyboard = useSelectKeyboard({
       open: open,
       options: options || suggestions,
@@ -127,9 +128,19 @@ var Search = /*#__PURE__*/React.forwardRef(function (baseProps, ref) {
     }, showClearIcon && /*#__PURE__*/React.createElement("span", {
       className: clsx("".concat(prefixCls, "-clear-icon"), classNames === null || classNames === void 0 ? void 0 : classNames.clear),
       style: styles === null || styles === void 0 ? void 0 : styles.clear,
-      onClick: handleClear
+      onClick: handleClear,
+      role: "button",
+      "aria-label": "Clear search",
+      tabIndex: 0,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          handleClear(e);
+        }
+      }
     }, /*#__PURE__*/React.createElement(X, {
-      size: 14
+      size: 14,
+      "aria-hidden": "true"
     })), suffix);
   };
   var renderPrefix = function renderPrefix() {
@@ -145,9 +156,12 @@ var Search = /*#__PURE__*/React.forwardRef(function (baseProps, ref) {
   var getRootClassName = function getRootClassName() {
     return clsx(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-borderless"), !bordered), "".concat(prefixCls, "-small"), size === 'small'), "".concat(prefixCls, "-large"), size === 'large'), className);
   };
+  var hasPopup = Array.isArray(options) || Array.isArray(suggestions);
   var popup = /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-popup"),
-    tabIndex: 0
+    tabIndex: 0,
+    id: listboxId,
+    role: "listbox"
   }, Array.isArray(options) ? /*#__PURE__*/React.createElement(List, {
     focusedKey: focusedKey,
     items: options,
@@ -165,7 +179,12 @@ var Search = /*#__PURE__*/React.forwardRef(function (baseProps, ref) {
     onOpenChange: setOpen
   }, /*#__PURE__*/React.createElement("div", {
     className: getRootClassName(),
-    style: style
+    style: style,
+    role: "combobox",
+    "aria-expanded": hasPopup ? open : undefined,
+    "aria-haspopup": hasPopup ? 'listbox' : undefined,
+    "aria-owns": hasPopup && open ? listboxId : undefined,
+    "aria-disabled": disabled || undefined
   }, renderPrefix(), /*#__PURE__*/React.createElement("input", _extends({}, rest, {
     ref: ref,
     value: searchValue,
@@ -174,10 +193,15 @@ var Search = /*#__PURE__*/React.forwardRef(function (baseProps, ref) {
     disabled: disabled,
     placeholder: placeholder,
     onChange: handleChange,
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    role: "searchbox",
+    "aria-autocomplete": hasPopup ? 'list' : undefined,
+    "aria-controls": hasPopup && open ? listboxId : undefined,
+    "aria-activedescendant": hasPopup && open && focusedKey != null ? String(focusedKey) : undefined
   })), loading ? /*#__PURE__*/React.createElement(Spin, {
     variant: "ring",
-    size: "small"
+    size: "small",
+    "aria-label": "Loading"
   }) : renderSuffix()));
 });
 export default Search;