@rainbow-oh/yee-c 0.8.0 → 0.8.1

package/dist/cjs/Pagination/items.js

@@ -107,16 +107,17 @@ var Items = (props) => {
             }
           },
           role: "button",
+          "aria-label": "Jump back 7 pages",
           key: "turnleft"
         },
-        (_a = components == null ? void 0 : components.jumpPrev) != null ? _a : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-prev-ellipsis` }, /* @__PURE__ */ import_react.default.createElement(
+        (_a = components == null ? void 0 : components.jumpPrev) != null ? _a : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-prev-ellipsis`, "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(
           import_lucide_react.Ellipsis,
           {
             className: "ellipsis",
             size: 18,
             strokeWidth: 1.5
           }
-        )), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-prev-icon` }, /* @__PURE__ */ import_react.default.createElement(
+        )), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-prev-icon`, "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(
           import_lucide_react.ChevronsLeft,
           {
             className: "turn",
@@ -139,16 +140,17 @@ var Items = (props) => {
             }
           },
           role: "button",
+          "aria-label": "Jump forward 7 pages",
           key: "turn-right"
         },
-        (_b = components == null ? void 0 : components.jumpNext) != null ? _b : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-next-ellipsis` }, /* @__PURE__ */ import_react.default.createElement(
+        (_b = components == null ? void 0 : components.jumpNext) != null ? _b : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-next-ellipsis`, "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(
           import_lucide_react.Ellipsis,
           {
             className: "ellipsis",
             size: 18,
             strokeWidth: 1.5
           }
-        )), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-next-icon` }, /* @__PURE__ */ import_react.default.createElement(
+        )), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-next-icon`, "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(
           import_lucide_react.ChevronsRight,
           {
             className: "turn",
@@ -178,7 +180,10 @@ var Items = (props) => {
             if (e.key === "Enter") {
               onChange(number);
             }
-          }
+          },
+          role: "button",
+          "aria-label": `Page ${number}`,
+          "aria-current": current === number ? "page" : void 0
         },
         number
       );

package/dist/cjs/Pagination/pagination.js

@@ -233,9 +233,12 @@ var Pagination = import_react.default.forwardRef(
               prevClick();
             }
           },
+          role: "button",
+          "aria-label": "Previous page",
+          "aria-disabled": mergedCurrent === 1 || void 0,
           key: "prev"
         },
-        (_a2 = components == null ? void 0 : components.prev) != null ? _a2 : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronLeft, { size: 20, strokeWidth: 1.5 })
+        (_a2 = components == null ? void 0 : components.prev) != null ? _a2 : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronLeft, { size: 20, strokeWidth: 1.5, "aria-hidden": "true" })
       );
     };
     const renderNext = () => {
@@ -258,9 +261,12 @@ var Pagination = import_react.default.forwardRef(
               nextClick();
             }
           },
+          role: "button",
+          "aria-label": "Next page",
+          "aria-disabled": mergedCurrent === pageCount || void 0,
           key: "next"
         },
-        (_a2 = components == null ? void 0 : components.next) != null ? _a2 : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronRight, { size: 20, strokeWidth: 1.5 })
+        (_a2 = components == null ? void 0 : components.next) != null ? _a2 : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronRight, { size: 20, strokeWidth: 1.5, "aria-hidden": "true" })
       );
     };
     const renderSizeChanger = () => {
@@ -289,7 +295,7 @@ var Pagination = import_react.default.forwardRef(
     if (hideOnSinglePage && pageCount <= 1 || pageCount === 0) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement("ul", __spreadProps(__spreadValues({}, rest), { className: cls, style, ref }), renderTotal(), renderPrevious(), simple ? /* @__PURE__ */ import_react.default.createElement("li", { className: `${prefixCls}-simple` }, renderNumber(false), /* @__PURE__ */ import_react.default.createElement("span", { className: "split" }, "/"), /* @__PURE__ */ import_react.default.createElement("span", { className: "total-page" }, pageCount)) : /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("ul", __spreadProps(__spreadValues({}, rest), { className: cls, style, ref, role: "navigation", "aria-label": "Pagination", "aria-disabled": disabled || void 0 }), renderTotal(), renderPrevious(), simple ? /* @__PURE__ */ import_react.default.createElement("li", { className: `${prefixCls}-simple` }, renderNumber(false), /* @__PURE__ */ import_react.default.createElement("span", { className: "split", "aria-hidden": "true" }, "/"), /* @__PURE__ */ import_react.default.createElement("span", { className: "total-page" }, pageCount)) : /* @__PURE__ */ import_react.default.createElement(
       import_items.default,
       {
         prefixCls,

package/dist/cjs/Radio/radio-group.js

@@ -120,12 +120,13 @@ var RadioGroup = import_react.default.forwardRef(
     };
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
-      {
+      __spreadValues({
         className: cls,
         style: __spreadProps(__spreadValues({}, style), { gap }),
         ref,
-        role: "radiogroup"
-      },
+        role: "radiogroup",
+        "aria-disabled": disabled || void 0
+      }, rest),
       /* @__PURE__ */ import_react.default.createElement(
         GroupCtx.Provider,
         {
@@ -133,9 +134,9 @@ var RadioGroup = import_react.default.forwardRef(
         },
         options == null ? void 0 : options.map((option, index) => /* @__PURE__ */ import_react.default.createElement(
           import_radio.default,
-          __spreadProps(__spreadValues(__spreadValues({
+          __spreadProps(__spreadValues({
             disabled
-          }, rest), option), {
+          }, option), {
             checked: option.value === mergedValue,
             key: option.value || index
           })

package/dist/cjs/Radio/radio.js

@@ -134,42 +134,52 @@ var Radio = import_react.default.forwardRef(
       },
       className
     );
-    return /* @__PURE__ */ import_react.default.createElement("label", { className: cls, style, onClick: handleClick }, /* @__PURE__ */ import_react.default.createElement(
-      "span",
+    return /* @__PURE__ */ import_react.default.createElement(
+      "label",
       {
-        className: (0, import_clsx.default)(prefixCls, {
-          [`${prefixCls}-disabled`]: disabled
-        })
+        className: cls,
+        style,
+        onClick: handleClick,
+        "aria-disabled": disabled || void 0
       },
       /* @__PURE__ */ import_react.default.createElement(
-        "input",
-        __spreadProps(__spreadValues({}, rest), {
-          ref,
-          className: `${prefixCls}-input`,
-          type: "radio",
-          name,
-          value,
-          checked: mergedChecked,
-          disabled,
-          onChange: handleChange,
-          "aria-checked": mergedChecked
-        })
+        "span",
+        {
+          className: (0, import_clsx.default)(prefixCls, {
+            [`${prefixCls}-disabled`]: disabled
+          })
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "input",
+          __spreadProps(__spreadValues({}, rest), {
+            ref,
+            className: `${prefixCls}-input`,
+            type: "radio",
+            name,
+            value,
+            checked: mergedChecked,
+            disabled,
+            onChange: handleChange
+          })
+        ),
+        !buttonStyle && /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            className: (0, import_clsx.default)(`${prefixCls}-inner`, classNames == null ? void 0 : classNames.inner),
+            style: styles == null ? void 0 : styles.inner,
+            "aria-hidden": "true"
+          }
+        )
       ),
-      !buttonStyle && /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react.default.createElement(
         "span",
         {
-          className: (0, import_clsx.default)(`${prefixCls}-inner`, classNames == null ? void 0 : classNames.inner),
-          style: styles == null ? void 0 : styles.inner
-        }
+          className: (0, import_clsx.default)(`${prefixCls}-label`, classNames == null ? void 0 : classNames.label),
+          style: styles == null ? void 0 : styles.label
+        },
+        children || label
       )
-    ), /* @__PURE__ */ import_react.default.createElement(
-      "span",
-      {
-        className: (0, import_clsx.default)(`${prefixCls}-label`, classNames == null ? void 0 : classNames.label),
-        style: styles == null ? void 0 : styles.label
-      },
-      children || label
-    ));
+    );
   }
 );
 Radio.displayName = "Radio";

package/dist/cjs/Rate/rate.js

@@ -167,7 +167,12 @@ var Rate = import_react.default.forwardRef((baseprops, ref) => {
       onMouseLeave: onLeave,
       ref: componentRef,
       role: "radiogroup",
-      "aria-label": "Rating"
+      "aria-label": "Rating",
+      "aria-disabled": disabled || void 0,
+      "aria-valuemin": 0,
+      "aria-valuemax": count,
+      "aria-valuenow": mergedValue,
+      "aria-valuetext": `${mergedValue} out of ${count} stars`
     }),
     Array(count).fill(0).map((_, index) => {
       const cls = (0, import_clsx.default)(`${prefixCls}-star`, {

package/dist/cjs/Rate/star.js

@@ -71,6 +71,7 @@ var Star = (props) => {
       "aria-checked": active,
       "aria-posinset": index + 1,
       "aria-setsize": count,
+      "aria-label": `${index + 1} ${index + 1 === 1 ? "star" : "stars"}`,
       key: "star-" + index
     },
     /* @__PURE__ */ import_react.default.createElement(
@@ -85,9 +86,10 @@ var Star = (props) => {
           }
         },
         tabIndex: 0,
+        "aria-label": `${index + 0.5} stars`,
         key: "star-" + index + "left"
       },
-      character ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-character` }, renderCharacter()) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.StarHalf, { className: `${prefixCls}-star-half` })
+      character ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-character` }, renderCharacter()) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.StarHalf, { className: `${prefixCls}-star-half`, "aria-hidden": "true" })
     ),
     /* @__PURE__ */ import_react.default.createElement(
       "div",
@@ -101,9 +103,10 @@ var Star = (props) => {
           }
         },
         tabIndex: 0,
+        "aria-label": `${index + 1} ${index + 1 === 1 ? "star" : "stars"}`,
         key: "star-" + index + "right"
       },
-      character ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-character` }, renderCharacter()) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: `${prefixCls}-star-full` })
+      character ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-character` }, renderCharacter()) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: `${prefixCls}-star-full`, "aria-hidden": "true" })
     )
   ) : /* @__PURE__ */ import_react.default.createElement(
     "li",
@@ -121,9 +124,10 @@ var Star = (props) => {
       "aria-checked": active,
       "aria-posinset": index + 1,
       "aria-setsize": count,
+      "aria-label": `${index + 1} ${index + 1 === 1 ? "star" : "stars"}`,
       key: "star-" + index
     },
-    character ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-character` }, renderCharacter()) : active ? /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: `${prefixCls}-star-active` }) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: `${prefixCls}-star-inactive` })
+    character ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-character` }, renderCharacter()) : active ? /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: `${prefixCls}-star-active`, "aria-hidden": "true" }) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: `${prefixCls}-star-inactive`, "aria-hidden": "true" })
   ), children ? /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: value, placement: "top" }, children) : null);
 };
 Star.displayName = "Star";

package/dist/cjs/Steps/step.js

@@ -69,6 +69,7 @@ var Step = (props) => {
     }
   };
   const mergedStatus = (_a = itemStatus != null ? itemStatus : status) != null ? _a : index < current ? "finish" : index === current ? "process" : "wait";
+  const statusLabel = mergedStatus === "finish" ? "completed" : mergedStatus === "process" ? "in progress" : mergedStatus === "error" ? "error" : "pending";
   const renderIcon = (0, import_react.useMemo)(() => {
     if (dot)
       return /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-item-dot` });
@@ -100,7 +101,7 @@ var Step = (props) => {
     className
   );
   const ribbonStatus = index < current ? "done" : index === current ? "doing" : "undo";
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, type === "ribbon" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-ribbon-end ${ribbonStatus}` }), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, type === "ribbon" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-ribbon-end ${ribbonStatus}`, "aria-hidden": "true" }), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: cls,
@@ -108,12 +109,13 @@ var Step = (props) => {
       onClick: handleClick,
       onKeyDown: handleKeyDown,
       tabIndex: disabled ? -1 : onChange ? 0 : void 0,
-      role: onChange ? "button" : void 0,
+      role: onChange ? "button" : "listitem",
       "aria-disabled": disabled,
-      "aria-current": index === current ? "step" : void 0
+      "aria-current": index === current ? "step" : void 0,
+      "aria-label": `Step ${index + 1}${typeof title === "string" ? `: ${title}` : ""}, ${statusLabel}`
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-icon` }, renderIcon),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-icon`, "aria-hidden": "true" }, renderIcon),
     /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-content` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-title` }, /* @__PURE__ */ import_react.default.createElement("span", { title: typeof title === "string" ? title : void 0 }, title), subTitle && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-sub-title` }, subTitle)), type !== "ribbon" && description && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-description` }, description))
-  ), type === "navigation" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-navi-arrow` }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronRight, null)), type === "ribbon" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-ribbon-head ${ribbonStatus}` }));
+  ), type === "navigation" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-navi-arrow`, "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronRight, null)), type === "ribbon" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-ribbon-head ${ribbonStatus}`, "aria-hidden": "true" }));
 };
 var step_default = Step;

package/dist/cjs/Steps/steps.js

@@ -135,7 +135,7 @@ var Steps = (0, import_react.forwardRef)((baseprops, ref) => {
     }
     return items.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_step.default, __spreadProps(__spreadValues({}, item), { index, key: index })));
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: cls, style, ref }), /* @__PURE__ */ import_react.default.createElement(StepsContext.Provider, { value: contextValue }, renderSteps()));
+  return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: cls, style, ref, role: "list", "aria-label": "Steps" }), /* @__PURE__ */ import_react.default.createElement(StepsContext.Provider, { value: contextValue }, renderSteps()));
 });
 Steps.displayName = "Steps";
 var steps_default = Steps;

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

@@ -70,9 +70,11 @@ var TabContent = ({
         className: `${prefixCls}-tab-content`,
         style: { display: activeKey === key ? "block" : "none" },
         key,
+        id: `tabpanel-${key}`,
         role: "tabpanel",
         "aria-labelledby": `tab-${key}`,
-        "aria-hidden": activeKey !== key
+        "aria-hidden": activeKey !== key,
+        tabIndex: activeKey === key ? 0 : -1
       },
       children
     );

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

@@ -157,7 +157,9 @@ var TabHeader = (props) => {
       {
         className: (0, import_clsx.default)(`${prefixCls}-nav-list`, classNames == null ? void 0 : classNames.list),
         style: styles == null ? void 0 : styles.list,
-        ref: navList
+        ref: navList,
+        role: "tablist",
+        "aria-orientation": direction
       },
       items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
         import_tab_header_title.default,

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

@@ -223,10 +223,12 @@ var TabHeaderTitle = (props) => {
     __spreadProps(__spreadValues({}, rest), {
       ref: tabRef,
       role: "tab",
+      id: `tab-${$key}`,
       "aria-selected": activeKey === $key,
       "aria-disabled": disabled,
+      "aria-controls": `tabpanel-${$key}`,
       className: cls,
-      tabIndex: disabled ? -1 : 0,
+      tabIndex: disabled ? -1 : activeKey === $key ? 0 : -1,
       onClick: handleTabClick,
       onKeyDown: handleKeyDown
     }),

package/dist/cjs/hooks/useDelayState.js

@@ -26,9 +26,10 @@ var import_react = require("react");
 function useDelayState(state, delay = 0) {
   const [delayState, setDelayState] = (0, import_react.useState)();
   (0, import_react.useEffect)(() => {
-    setTimeout(() => {
+    const timer = window.setTimeout(() => {
       setDelayState(state);
     }, delay * 1e3);
-  }, [state]);
+    return () => window.clearTimeout(timer);
+  }, [delay, state]);
   return delayState;
 }

package/dist/cjs/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/cjs/hooks/useFocusManage.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/hooks/useFocusManage.ts
@@ -34,19 +24,34 @@ __export(useFocusManage_exports, {
 module.exports = __toCommonJS(useFocusManage_exports);
 var import_react = require("react");
 var import_focusStack = require("../utils/focusStack");
-var import_useDelayState = __toESM(require("./useDelayState"));
-function useFocusManage(ele, open) {
-  const delayOpen = (0, import_useDelayState.default)(open);
+function useFocusManage(element, open) {
+  const entryRef = (0, import_react.useRef)(null);
+  const previousFocusRef = (0, import_react.useRef)(null);
+  const openCycleRef = (0, import_react.useRef)(false);
+  const releaseEntry = () => {
+    if (entryRef.current) {
+      (0, import_focusStack.popFocus)(entryRef.current);
+      entryRef.current = null;
+    }
+  };
+  const endOpenCycle = () => {
+    releaseEntry();
+    previousFocusRef.current = null;
+    openCycleRef.current = false;
+  };
+  (0, import_react.useEffect)(() => {
+    if (open && !openCycleRef.current) {
+      openCycleRef.current = true;
+      previousFocusRef.current = document.activeElement;
+    } else if (!open && openCycleRef.current) {
+      endOpenCycle();
+    }
+  }, [open]);
   (0, import_react.useEffect)(() => {
-    if (!ele)
+    if (!open || !openCycleRef.current || !element || entryRef.current) {
       return;
-    if (delayOpen) {
-      (0, import_focusStack.pushFocus)(ele);
-    } else {
-      (0, import_focusStack.popFocus)();
     }
-    return () => {
-      (0, import_focusStack.popFocus)();
-    };
-  }, [ele, delayOpen]);
+    entryRef.current = (0, import_focusStack.pushFocus)(element, previousFocusRef.current);
+  }, [element, open]);
+  (0, import_react.useEffect)(() => releaseEntry, []);
 }

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-22T03:22:12.652Z
+ * Generated on 2026-07-23T07:06:10.927Z
  */
 
 /* ========== 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-22T03:22:12.652Z
+ * Generated on 2026-07-23T07:06:10.927Z
  */
 
 /* ========== color.css ========== */

package/dist/cjs/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/cjs/utils/focusStack.js

@@ -23,21 +23,50 @@ __export(focusStack_exports, {
   pushFocus: () => pushFocus
 });
 module.exports = __toCommonJS(focusStack_exports);
+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 = (el) => {
+var schedule = (callback) => {
   cancelAnimationFrame(raf);
-  raf = requestAnimationFrame(() => el == null ? void 0 : el.focus());
+  raf = requestAnimationFrame(callback);
 };
-var pushFocus = (el) => {
-  const prev = document.activeElement;
-  if (prev && prev !== el)
-    stack.push(prev);
-  schedule(el);
+var focusInitialElement = (entry) => {
+  if (stack[stack.length - 1] !== entry || !entry.container.isConnected) {
+    return;
+  }
+  const activeElement = document.activeElement;
+  if (activeElement && entry.container.contains(activeElement)) {
+    return;
+  }
+  const firstFocusable = entry.container.querySelector(focusableSelector);
+  (firstFocusable != null ? firstFocusable : entry.container).focus();
+};
+var pushFocus = (container, previous = document.activeElement) => {
+  const entry = { container, previous };
+  stack.push(entry);
+  schedule(() => focusInitialElement(entry));
+  return entry;
 };
-var popFocus = () => {
-  const el = stack.pop();
-  if (!el)
+var popFocus = (entry) => {
+  const index = stack.lastIndexOf(entry);
+  if (index === -1)
+    return;
+  const isTopEntry = index === stack.length - 1;
+  stack.splice(index, 1);
+  if (!isTopEntry)
     return;
-  schedule(el);
+  schedule(() => {
+    var _a;
+    if ((_a = entry.previous) == null ? void 0 : _a.isConnected) {
+      entry.previous.focus();
+    }
+  });
 };

package/dist/cjs/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/cjs/version.js

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

package/dist/esm/Card/card.js

@@ -79,8 +79,8 @@ var Card = function Card(baseprops) {
       className: clsx("".concat(prefixCls, "-header-expand-icon"), classNames === null || classNames === void 0 ? void 0 : classNames.expandIcon),
       style: styles === null || styles === void 0 ? void 0 : styles.expandIcon,
       "aria-expanded": mergedExpanded,
+      "aria-label": mergedExpanded ? 'Collapse content' : 'Expand content',
       icon: icon ? icon : /*#__PURE__*/React.createElement(ChevronUp, {
-        "aria-label": "expanded",
         strokeWidth: 1.5,
         size: 16,
         style: {
@@ -110,7 +110,8 @@ var Card = function Card(baseprops) {
     onClick: headerClickable ? handleExpand : undefined,
     onKeyDown: handleKeyDown,
     tabIndex: headerClickable ? 0 : undefined,
-    role: headerClickable ? 'button' : undefined
+    role: headerClickable ? 'button' : undefined,
+    "aria-expanded": headerClickable ? mergedExpanded : undefined
   }, iconPosition === 'left' ? renderExpandIcon() : null, title ? /*#__PURE__*/React.createElement("div", {
     id: headerId,
     className: clsx("".concat(prefixCls, "-header-title"), classNames === null || classNames === void 0 ? void 0 : classNames.title),
@@ -131,7 +132,10 @@ var Card = function Card(baseprops) {
     },
     transition: {
       duration: animationDuration
-    }
+    },
+    role: "region",
+    "aria-labelledby": title ? headerId : undefined,
+    "aria-hidden": !mergedExpanded
   }, children));
 };
 export default Card;

package/dist/esm/Carousel/carousel-item.js

@@ -13,10 +13,15 @@ var CarouselItem = function CarouselItem(props) {
   var _React$useContext = React.useContext(CarouselCtx),
     prefixCls = _React$useContext.prefixCls,
     current = _React$useContext.current;
+  var isActive = index === current - 1;
   return /*#__PURE__*/React.createElement("div", {
-    className: clsx("".concat(prefixCls, "-item"), _defineProperty({}, "".concat(prefixCls, "-item-active"), index === current - 1), className),
+    className: clsx("".concat(prefixCls, "-item"), _defineProperty({}, "".concat(prefixCls, "-item-active"), isActive), className),
     "data-index": index,
-    style: style
+    style: style,
+    role: "tabpanel",
+    "aria-roledescription": "slide",
+    "aria-label": "Slide ".concat((index !== null && index !== void 0 ? index : 0) + 1),
+    "aria-hidden": !isActive
   }, children);
 };
 export default CarouselItem;