@rainbow-oh/yee-c 0.8.0 → 0.8.1

package/dist/esm/Radio/radio.js

@@ -70,7 +70,8 @@ var Radio = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
   return /*#__PURE__*/React.createElement("label", {
     className: cls,
     style: style,
-    onClick: handleClick
+    onClick: handleClick,
+    "aria-disabled": disabled || undefined
   }, /*#__PURE__*/React.createElement("span", {
     className: clsx(prefixCls, _defineProperty({}, "".concat(prefixCls, "-disabled"), disabled))
   }, /*#__PURE__*/React.createElement("input", _extends({}, rest, {
@@ -81,11 +82,11 @@ var Radio = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
     value: value,
     checked: mergedChecked,
     disabled: disabled,
-    onChange: handleChange,
-    "aria-checked": mergedChecked
+    onChange: handleChange
   })), !buttonStyle && /*#__PURE__*/React.createElement("span", {
     className: clsx("".concat(prefixCls, "-inner"), classNames === null || classNames === void 0 ? void 0 : classNames.inner),
-    style: styles === null || styles === void 0 ? void 0 : styles.inner
+    style: styles === null || styles === void 0 ? void 0 : styles.inner,
+    "aria-hidden": "true"
   })), /*#__PURE__*/React.createElement("span", {
     className: clsx("".concat(prefixCls, "-label"), classNames === null || classNames === void 0 ? void 0 : classNames.label),
     style: styles === null || styles === void 0 ? void 0 : styles.label

package/dist/esm/Rate/rate.js

@@ -107,7 +107,12 @@ var Rate = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
     onMouseLeave: onLeave,
     ref: componentRef,
     role: "radiogroup",
-    "aria-label": "Rating"
+    "aria-label": "Rating",
+    "aria-disabled": disabled || undefined,
+    "aria-valuemin": 0,
+    "aria-valuemax": count,
+    "aria-valuenow": mergedValue,
+    "aria-valuetext": "".concat(mergedValue, " out of ").concat(count, " stars")
   }), Array(count).fill(0).map(function (_, index) {
     var cls = clsx("".concat(prefixCls, "-star"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-star-full"), index < mergedValue), "".concat(prefixCls, "-star-half-active"), allowHalf && index + 0.5 === mergedValue));
     return /*#__PURE__*/React.createElement(Star, {

package/dist/esm/Rate/star.js

@@ -35,6 +35,7 @@ var Star = function Star(props) {
     "aria-checked": active,
     "aria-posinset": index + 1,
     "aria-setsize": count,
+    "aria-label": "".concat(index + 1, " ").concat(index + 1 === 1 ? 'star' : 'stars'),
     key: 'star-' + index
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-star-first"),
@@ -48,11 +49,13 @@ var Star = function Star(props) {
       }
     },
     tabIndex: 0,
+    "aria-label": "".concat(index + 0.5, " stars"),
     key: 'star-' + index + 'left'
   }, character ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-character")
   }, renderCharacter()) : /*#__PURE__*/React.createElement(StarHalf, {
-    className: "".concat(prefixCls, "-star-half")
+    className: "".concat(prefixCls, "-star-half"),
+    "aria-hidden": "true"
   })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-star-second"),
     onMouseMove: onSecondHover,
@@ -65,11 +68,13 @@ var Star = function Star(props) {
       }
     },
     tabIndex: 0,
+    "aria-label": "".concat(index + 1, " ").concat(index + 1 === 1 ? 'star' : 'stars'),
     key: 'star-' + index + 'right'
   }, character ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-character")
   }, renderCharacter()) : /*#__PURE__*/React.createElement(StarFull, {
-    className: "".concat(prefixCls, "-star-full")
+    className: "".concat(prefixCls, "-star-full"),
+    "aria-hidden": "true"
   }))) : /*#__PURE__*/React.createElement("li", {
     className: className,
     onClick: function onClick() {
@@ -88,13 +93,16 @@ var Star = function Star(props) {
     "aria-checked": active,
     "aria-posinset": index + 1,
     "aria-setsize": count,
+    "aria-label": "".concat(index + 1, " ").concat(index + 1 === 1 ? 'star' : 'stars'),
     key: 'star-' + index
   }, character ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-character")
   }, renderCharacter()) : active ? /*#__PURE__*/React.createElement(StarFull, {
-    className: "".concat(prefixCls, "-star-active")
+    className: "".concat(prefixCls, "-star-active"),
+    "aria-hidden": "true"
   }) : /*#__PURE__*/React.createElement(StarFull, {
-    className: "".concat(prefixCls, "-star-inactive")
+    className: "".concat(prefixCls, "-star-inactive"),
+    "aria-hidden": "true"
   })), children ? /*#__PURE__*/React.createElement(Tooltip, {
     title: value,
     placement: "top"

package/dist/esm/Steps/step.js

@@ -37,6 +37,7 @@ var Step = function Step(props) {
     }
   };
   var mergedStatus = (_ref = itemStatus !== null && itemStatus !== void 0 ? itemStatus : status) !== null && _ref !== void 0 ? _ref : index < current ? 'finish' : index === current ? 'process' : 'wait';
+  var statusLabel = mergedStatus === 'finish' ? 'completed' : mergedStatus === 'process' ? 'in progress' : mergedStatus === 'error' ? 'error' : 'pending';
   var renderIcon = useMemo(function () {
     if (dot) return /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-item-dot")
@@ -64,18 +65,21 @@ var Step = function Step(props) {
   var cls = clsx("".concat(prefixCls, "-item"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-item-").concat(mergedStatus), mergedStatus), "".concat(prefixCls, "-item-active"), index === current), "".concat(prefixCls, "-item-click"), onChange), "".concat(prefixCls, "-item-disabled"), disabled), "".concat(prefixCls, "-item-has-cus-icon"), icon), className);
   var ribbonStatus = index < current ? 'done' : index === current ? 'doing' : 'undo';
   return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'ribbon' && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-item-ribbon-end ").concat(ribbonStatus)
+    className: "".concat(prefixCls, "-item-ribbon-end ").concat(ribbonStatus),
+    "aria-hidden": "true"
   }), /*#__PURE__*/React.createElement("div", {
     className: cls,
     style: style,
     onClick: handleClick,
     onKeyDown: handleKeyDown,
     tabIndex: disabled ? -1 : onChange ? 0 : undefined,
-    role: onChange ? 'button' : undefined,
+    role: onChange ? 'button' : 'listitem',
     "aria-disabled": disabled,
-    "aria-current": index === current ? 'step' : undefined
+    "aria-current": index === current ? 'step' : undefined,
+    "aria-label": "Step ".concat(index + 1).concat(typeof title === 'string' ? ": ".concat(title) : '', ", ").concat(statusLabel)
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-item-icon")
+    className: "".concat(prefixCls, "-item-icon"),
+    "aria-hidden": "true"
   }, renderIcon), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-item-content")
   }, /*#__PURE__*/React.createElement("div", {
@@ -87,9 +91,11 @@ var Step = function Step(props) {
   }, subTitle)), type !== 'ribbon' && description && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-item-description")
   }, description))), type === 'navigation' && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-item-navi-arrow")
+    className: "".concat(prefixCls, "-item-navi-arrow"),
+    "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement(ChevronRight, null)), type === 'ribbon' && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-item-ribbon-head ").concat(ribbonStatus)
+    className: "".concat(prefixCls, "-item-ribbon-head ").concat(ribbonStatus),
+    "aria-hidden": "true"
   }));
 };
 export default Step;

package/dist/esm/Steps/steps.js

@@ -64,7 +64,9 @@ var Steps = /*#__PURE__*/forwardRef(function (baseprops, ref) {
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: cls,
     style: style,
-    ref: ref
+    ref: ref,
+    role: "list",
+    "aria-label": "Steps"
   }), /*#__PURE__*/React.createElement(StepsContext.Provider, {
     value: contextValue
   }, renderSteps()));

package/dist/esm/Tabs/tab-content.js

@@ -73,9 +73,11 @@ var TabContent = function TabContent(_ref) {
         display: activeKey === key ? 'block' : 'none'
       },
       key: key,
+      id: "tabpanel-".concat(key),
       role: "tabpanel",
       "aria-labelledby": "tab-".concat(key),
-      "aria-hidden": activeKey !== key
+      "aria-hidden": activeKey !== key,
+      tabIndex: activeKey === key ? 0 : -1
     }, children);
   }));
 };

package/dist/esm/Tabs/tab-header/index.js

@@ -129,7 +129,9 @@ var TabHeader = function TabHeader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: clsx("".concat(prefixCls, "-nav-list"), classNames === null || classNames === void 0 ? void 0 : classNames.list),
     style: styles === null || styles === void 0 ? void 0 : styles.list,
-    ref: navList
+    ref: navList,
+    role: "tablist",
+    "aria-orientation": direction
   }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
     return /*#__PURE__*/React.createElement(TabHeaderTitle, _extends({}, item, {
       $key: item.key,

package/dist/esm/Tabs/tab-header/tab-header-title.js

@@ -149,10 +149,12 @@ var TabHeaderTitle = function TabHeaderTitle(props) {
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     ref: tabRef,
     role: "tab",
+    id: "tab-".concat($key),
     "aria-selected": activeKey === $key,
     "aria-disabled": disabled,
+    "aria-controls": "tabpanel-".concat($key),
     className: cls,
-    tabIndex: disabled ? -1 : 0,
+    tabIndex: disabled ? -1 : activeKey === $key ? 0 : -1,
     onClick: handleTabClick,
     onKeyDown: handleKeyDown
   }), icon && /*#__PURE__*/React.createElement("span", {

package/dist/esm/hooks/useDelayState.js

@@ -12,9 +12,12 @@ export default function useDelayState(state) {
     delayState = _useState2[0],
     setDelayState = _useState2[1];
   useEffect(function () {
-    setTimeout(function () {
+    var timer = window.setTimeout(function () {
       setDelayState(state);
     }, delay * 1000);
-  }, [state]);
+    return function () {
+      return window.clearTimeout(timer);
+    };
+  }, [delay, state]);
   return delayState;
 }

package/dist/esm/hooks/useFocusManage.d.ts

@@ -1 +1 @@
-export default function useFocusManage(ele: HTMLElement, open: boolean): void;
+export default function useFocusManage(element: HTMLElement | null, open: boolean): void;

package/dist/esm/hooks/useFocusManage.js

@@ -1,17 +1,35 @@
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import { popFocus, pushFocus } from "../utils/focusStack";
-import useDelayState from "./useDelayState";
-export default function useFocusManage(ele, open) {
-  var delayOpen = useDelayState(open);
+export default function useFocusManage(element, open) {
+  var entryRef = useRef(null);
+  var previousFocusRef = useRef(null);
+  var openCycleRef = useRef(false);
+  var releaseEntry = function releaseEntry() {
+    if (entryRef.current) {
+      popFocus(entryRef.current);
+      entryRef.current = null;
+    }
+  };
+  var endOpenCycle = function endOpenCycle() {
+    releaseEntry();
+    previousFocusRef.current = null;
+    openCycleRef.current = false;
+  };
+  useEffect(function () {
+    if (open && !openCycleRef.current) {
+      openCycleRef.current = true;
+      previousFocusRef.current = document.activeElement;
+    } else if (!open && openCycleRef.current) {
+      endOpenCycle();
+    }
+  }, [open]);
   useEffect(function () {
-    if (!ele) return;
-    if (delayOpen) {
-      pushFocus(ele);
-    } else {
-      popFocus();
+    if (!open || !openCycleRef.current || !element || entryRef.current) {
+      return;
     }
-    return function () {
-      popFocus();
-    };
-  }, [ele, delayOpen]);
+    entryRef.current = pushFocus(element, previousFocusRef.current);
+  }, [element, open]);
+  useEffect(function () {
+    return releaseEntry;
+  }, []);
 }

package/dist/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-22T03:22:12.652Z
+ * Generated on 2026-07-23T07:06:10.927Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-22T03:22:12.652Z
+ * Generated on 2026-07-23T07:06:10.927Z
  */
 
 /* ========== color.css ========== */

package/dist/esm/utils/focusStack.d.ts

@@ -1,4 +1,8 @@
 type Focusable = HTMLElement | null;
-export declare const pushFocus: (el: Focusable) => void;
-export declare const popFocus: () => void;
+export interface FocusStackEntry {
+    container: HTMLElement;
+    previous: Focusable;
+}
+export declare const pushFocus: (container: HTMLElement, previous?: Focusable) => FocusStackEntry;
+export declare const popFocus: (entry: FocusStackEntry) => void;
 export {};

package/dist/esm/utils/focusStack.js

@@ -1,20 +1,43 @@
-// focusStack.ts
-
+var focusableSelector = ['a[href]', 'button:not([disabled])', 'textarea:not([disabled])', 'input:not([disabled])', 'select:not([disabled])', 'details', '[tabindex]:not([tabindex="-1"])'].join(',');
 var stack = [];
 var raf = 0;
-var schedule = function schedule(el) {
+var schedule = function schedule(callback) {
   cancelAnimationFrame(raf);
-  raf = requestAnimationFrame(function () {
-    return el === null || el === void 0 ? void 0 : el.focus();
-  });
+  raf = requestAnimationFrame(callback);
+};
+var focusInitialElement = function focusInitialElement(entry) {
+  if (stack[stack.length - 1] !== entry || !entry.container.isConnected) {
+    return;
+  }
+  var activeElement = document.activeElement;
+  if (activeElement && entry.container.contains(activeElement)) {
+    return;
+  }
+  var firstFocusable = entry.container.querySelector(focusableSelector);
+  (firstFocusable !== null && firstFocusable !== void 0 ? firstFocusable : entry.container).focus();
 };
-export var pushFocus = function pushFocus(el) {
-  var prev = document.activeElement;
-  if (prev && prev !== el) stack.push(prev);
-  schedule(el);
+export var pushFocus = function pushFocus(container) {
+  var previous = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.activeElement;
+  var entry = {
+    container: container,
+    previous: previous
+  };
+  stack.push(entry);
+  schedule(function () {
+    return focusInitialElement(entry);
+  });
+  return entry;
 };
-export var popFocus = function popFocus() {
-  var el = stack.pop();
-  if (!el) return;
-  schedule(el);
+export var popFocus = function popFocus(entry) {
+  var index = stack.lastIndexOf(entry);
+  if (index === -1) return;
+  var isTopEntry = index === stack.length - 1;
+  stack.splice(index, 1);
+  if (!isTopEntry) return;
+  schedule(function () {
+    var _entry$previous;
+    if ((_entry$previous = entry.previous) !== null && _entry$previous !== void 0 && _entry$previous.isConnected) {
+      entry.previous.focus();
+    }
+  });
 };

package/dist/esm/version.d.ts

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

package/dist/esm/version.js

@@ -1,4 +1,4 @@
-export var version = "0.8.0";
+export var version = "0.8.1";
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;
 }