@rainbow-oh/yee-c 0.8.0 → 0.8.2

package/dist/esm/Checkbox/checkbox-group.js

@@ -60,7 +60,9 @@ var CheckboxGroup = function CheckboxGroup(baseprops) {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: cls,
-    style: style
+    style: style,
+    role: "group",
+    "aria-disabled": disabled || undefined
   }, /*#__PURE__*/React.createElement(CheckboxGroupCtx.Provider, {
     value: {
       name: name,

package/dist/esm/Checkbox/checkbox.js

@@ -55,7 +55,8 @@ var Checkbox = function Checkbox(baseprops) {
   };
   return /*#__PURE__*/React.createElement("label", {
     className: clsx("".concat(prefixCls, "-wrapper"), _defineProperty({}, "".concat(prefixCls, "-wrapper-disabled"), disabled), className),
-    style: style
+    style: style,
+    "aria-disabled": disabled || undefined
   }, /*#__PURE__*/React.createElement("span", {
     className: clsx("".concat(prefixCls), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-checked"), mergedChecked), "".concat(prefixCls, "-indeterminate"), indeterminate), "".concat(prefixCls, "-disabled"), disabled))
   }, /*#__PURE__*/React.createElement("input", _extends({}, rest, {
@@ -65,10 +66,12 @@ var Checkbox = function Checkbox(baseprops) {
     value: value,
     disabled: disabled,
     checked: mergedChecked,
-    onChange: handleChange
+    onChange: handleChange,
+    "aria-checked": indeterminate ? 'mixed' : mergedChecked
   })), /*#__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"
   })), children ? /*#__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/Collapse/panel.js

@@ -5,7 +5,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import clsx from 'clsx';
 import { ChevronRight } from 'lucide-react';
 import { AnimatePresence, motion } from 'motion/react';
-import React, { useContext } from 'react';
+import React, { useContext, useId } from 'react';
 import Button from "../Button";
 import { CollapseContext } from "./collapse";
 var Panel = function Panel(props) {
@@ -21,6 +21,9 @@ var Panel = function Panel(props) {
     prefixCls = _useContext.prefixCls,
     activeKey = _useContext.activeKey,
     onExpand = _useContext.onExpand;
+  var panelId = useId();
+  var headerId = "".concat(panelId, "-header");
+  var contentId = "".concat(panelId, "-content");
   var expanded = activeKey.includes(id);
   var itemClassName = clsx("".concat(prefixCls, "-item"), _defineProperty({}, "".concat(prefixCls, "-item-expanded"), expanded), className);
   return /*#__PURE__*/React.createElement("div", {
@@ -30,7 +33,9 @@ var Panel = function Panel(props) {
     className: clsx("".concat(prefixCls, "-header"), classNames === null || classNames === void 0 ? void 0 : classNames.header),
     role: "button",
     style: styles === null || styles === void 0 ? void 0 : styles.header,
+    id: headerId,
     "aria-expanded": expanded,
+    "aria-controls": contentId,
     "aria-disabled": "false",
     tabIndex: 0,
     onClick: function onClick() {
@@ -50,7 +55,8 @@ var Panel = function Panel(props) {
     },
     transition: {
       duration: 0.15
-    }
+    },
+    "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(ChevronRight, {
       size: 16
@@ -69,6 +75,9 @@ var Panel = function Panel(props) {
   }, typeof extra === 'function' ? extra() : extra)), /*#__PURE__*/React.createElement(AnimatePresence, null, expanded && /*#__PURE__*/React.createElement(motion.div, {
     className: clsx("".concat(prefixCls, "-content"), classNames === null || classNames === void 0 ? void 0 : classNames.content),
     style: styles === null || styles === void 0 ? void 0 : styles.content,
+    id: contentId,
+    role: "region",
+    "aria-labelledby": headerId,
     initial: {
       height: 0,
       opacity: 0

package/dist/esm/Dialog/dialog.js

@@ -17,7 +17,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import clsx from 'clsx';
 import { X } from 'lucide-react';
 import { motion } from 'motion/react';
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useId, useRef, useState } from 'react';
 import Button from "../Button";
 import { GlobalContext } from "../Config-Provider";
 import useEsc from "../hooks/useEsc";
@@ -35,7 +35,6 @@ var ANIMATION_DURATION = 0.2;
 var CLOSE_ICON_SIZE = 16;
 var CLOSE_ICON_STROKE_WIDTH = 1.5;
 var Dialog = function Dialog(baseprops) {
-  var _contentRef$current2;
   var _useContext = useContext(GlobalContext),
     dialog = _useContext.dialog;
   var props = mergeContextToProps(baseprops, dialog);
@@ -84,7 +83,18 @@ var Dialog = function Dialog(baseprops) {
     _useState2 = _slicedToArray(_useState, 2),
     delayOpen = _useState2[0],
     setDelayOpen = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    contentElement = _useState4[0],
+    setContentElement = _useState4[1];
   var contentRef = useRef(null);
+  var setContentRef = useCallback(function (element) {
+    contentRef.current = element;
+    setContentElement(element);
+  }, []);
+  var dialogId = useId();
+  var titleId = "".concat(dialogId, "-title");
+  var bodyId = "".concat(dialogId, "-body");
 
   // When open changes and openResetLocation is true, reset position
   useEffect(function () {
@@ -102,7 +112,7 @@ var Dialog = function Dialog(baseprops) {
   });
 
   // lock focus in the dialog
-  useLockFocus((_contentRef$current2 = contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) !== null && _contentRef$current2 !== void 0 ? _contentRef$current2 : null, delayOpen);
+  useLockFocus(contentElement, delayOpen);
 
   // enable esc to close dialog
   useEsc({
@@ -112,8 +122,8 @@ var Dialog = function Dialog(baseprops) {
     }
   });
 
-  // manage focus
-  useFocusManage(contentRef.current, delayOpen);
+  // manage focus once per open cycle
+  useFocusManage(contentElement, open);
   var cls = clsx(prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-open"), delayOpen), "".concat(prefixCls, "-fullscreen"), fullscreen));
   var renderFooter = function renderFooter() {
     if (footer === false || footer === null) {
@@ -164,7 +174,8 @@ var Dialog = function Dialog(baseprops) {
     }
   }), showMask && delayOpen && /*#__PURE__*/React.createElement("div", {
     className: clsx("".concat(prefixCls, "-mask"), classNames === null || classNames === void 0 ? void 0 : classNames.mask),
-    style: styles === null || styles === void 0 ? void 0 : styles.mask
+    style: styles === null || styles === void 0 ? void 0 : styles.mask,
+    "aria-hidden": "true"
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-content-wrapper"),
     onClick: maskClosable ? onCancel : undefined
@@ -177,7 +188,11 @@ var Dialog = function Dialog(baseprops) {
     onClick: function onClick(e) {
       return e.stopPropagation();
     },
-    ref: contentRef
+    ref: setContentRef,
+    role: "dialog",
+    "aria-modal": showMask ? true : undefined,
+    "aria-labelledby": title ? titleId : undefined,
+    "aria-describedby": bodyId
   }, closable ? /*#__PURE__*/React.createElement(Button, {
     type: "text",
     icon: /*#__PURE__*/React.createElement(X, {
@@ -190,11 +205,13 @@ var Dialog = function Dialog(baseprops) {
   }) : null, title ? /*#__PURE__*/React.createElement("div", {
     className: clsx("".concat(prefixCls, "-header"), classNames === null || classNames === void 0 ? void 0 : classNames.header),
     style: styles === null || styles === void 0 ? void 0 : styles.header
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-title")
-  }, title)) : null, /*#__PURE__*/React.createElement("div", {
+  }, typeof title === 'string' ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-title"),
+    id: titleId
+  }, title) : title) : null, /*#__PURE__*/React.createElement("div", {
     className: clsx("".concat(prefixCls, "-body"), classNames === null || classNames === void 0 ? void 0 : classNames.body),
-    style: styles === null || styles === void 0 ? void 0 : styles.body
+    style: styles === null || styles === void 0 ? void 0 : styles.body,
+    id: bodyId
   }, children), renderFooter())));
   return /*#__PURE__*/React.createElement(Portal, {
     open: open,

package/dist/esm/Dialog/interface.d.ts

@@ -53,7 +53,7 @@ export interface DialogProps extends DataAttributeProps {
     /**
      * Title
      */
-    title?: string;
+    title?: string | React.ReactNode;
     /**
      * Cancel button text
      * @default Cancel

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

@@ -37,7 +37,8 @@
   }
 
   &-title {
-    font-weight: 600;
+    font-size: var(--yee-dialog-title-font-size);
+    font-weight: var(--yee-dialog-title-font-weight);
   }
 
   &-content {

package/dist/esm/Drawer/drawer.js

@@ -15,7 +15,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import clsx from 'clsx';
 import { X } from 'lucide-react';
 import { motion } from 'motion/react';
-import React, { useContext, useRef, useState } from 'react';
+import React, { useContext, useId, useRef, useState } from 'react';
 import Button from "../Button";
 import { GlobalContext } from "../Config-Provider";
 import Portal from "../Portal";
@@ -132,6 +132,9 @@ var Drawer = function Drawer(baseprops) {
     delayOpen = _useState2[0],
     setDelayOpen = _useState2[1];
   var contentRef = useRef(null);
+  var drawerId = useId();
+  var titleId = "".concat(drawerId, "-title");
+  var bodyId = "".concat(drawerId, "-body");
   useLockFocus(contentRef.current, delayOpen);
   useEsc({
     enabled: keyboard,
@@ -177,8 +180,7 @@ var Drawer = function Drawer(baseprops) {
       exit = _getAnimate.exit;
     return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
       className: cls,
-      style: style,
-      role: "modal"
+      style: style
     }), showMask && delayOpen && /*#__PURE__*/React.createElement(motion.div, {
       className: clsx("".concat(prefixCls, "-mask"), classNames === null || classNames === void 0 ? void 0 : classNames.mask),
       style: styles === null || styles === void 0 ? void 0 : styles.mask,
@@ -196,7 +198,8 @@ var Drawer = function Drawer(baseprops) {
       },
       transition: {
         duration: ANIMATION_DURATION
-      }
+      },
+      "aria-hidden": "true"
     }), /*#__PURE__*/React.createElement(motion.div, {
       className: "".concat(prefixCls, "-content-wrapper"),
       style: {
@@ -223,16 +226,22 @@ var Drawer = function Drawer(baseprops) {
       className: clsx("".concat(prefixCls, "-content"), classNames === null || classNames === void 0 ? void 0 : classNames.content),
       tabIndex: 0,
       style: styles === null || styles === void 0 ? void 0 : styles.content,
-      ref: contentRef
+      ref: contentRef,
+      role: "dialog",
+      "aria-modal": showMask ? true : undefined,
+      "aria-labelledby": title ? titleId : undefined,
+      "aria-describedby": bodyId
     }, renderClose(), title ? /*#__PURE__*/React.createElement("div", {
       className: clsx("".concat(prefixCls, "-header"), classNames === null || classNames === void 0 ? void 0 : classNames.header),
       style: styles === null || styles === void 0 ? void 0 : styles.header
     }, /*#__PURE__*/React.createElement("div", {
       className: clsx("".concat(prefixCls, "-title"), classNames === null || classNames === void 0 ? void 0 : classNames.title),
-      style: styles === null || styles === void 0 ? void 0 : styles.title
+      style: styles === null || styles === void 0 ? void 0 : styles.title,
+      id: titleId
     }, title)) : null, /*#__PURE__*/React.createElement("div", {
       className: clsx("".concat(prefixCls, "-body"), classNames === null || classNames === void 0 ? void 0 : classNames.body),
-      style: styles === null || styles === void 0 ? void 0 : styles.body
+      style: styles === null || styles === void 0 ? void 0 : styles.body,
+      id: bodyId
     }, children), renderFooter())));
   };
   return /*#__PURE__*/React.createElement(Portal, {

package/dist/esm/Form/Group.js

@@ -16,9 +16,9 @@ import clsx from 'clsx';
 import { AnimatePresence, motion } from 'motion/react';
 import React, { useContext, useEffect, useId, useMemo, useReducer, useRef } from 'react';
 import Grid from "../Grid";
-import { runValidator } from "./utils/validate";
 import FieldContext from "./FieldContext";
 import FormContext from "./FormContext";
+import { runValidator } from "./utils/validate";
 var Group = function Group(props) {
   var _errors$;
   var label = props.label,

package/dist/esm/Menu/menu-item.js

@@ -69,7 +69,11 @@ var MenuItem = function MenuItem(props) {
         paddingLeft: paddingLeft
       }, styles === null || styles === void 0 ? void 0 : styles.item),
       onClick: handleClick,
-      title: isCollapsed && typeof label === 'string' ? label : undefined
+      title: isCollapsed && typeof label === 'string' ? label : undefined,
+      role: "menuitem",
+      "aria-disabled": disabled || undefined,
+      "aria-current": selectedKeys !== null && selectedKeys !== void 0 && selectedKeys.includes(key) ? 'page' : undefined,
+      tabIndex: disabled ? -1 : 0
     }, iconNode, !isCollapsed && /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-item-content"),
       title: typeof label === 'string' ? label : ''
@@ -130,7 +134,8 @@ var MenuItem = function MenuItem(props) {
     if (isCollapsed) return null;
     if (mode === 'vertical' || mode === 'horizontal') {
       return /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-item-switch")
+        className: "".concat(prefixCls, "-item-switch"),
+        "aria-hidden": "true"
       }, /*#__PURE__*/React.createElement(ChevronRight, {
         strokeWidth: 2,
         size: 18
@@ -143,14 +148,18 @@ var MenuItem = function MenuItem(props) {
       },
       transition: {
         duration: 0.15
-      }
+      },
+      "aria-hidden": "true"
     }, /*#__PURE__*/React.createElement(ChevronDown, {
       strokeWidth: 2,
       size: 18
     }));
   };
   var triggerNode = /*#__PURE__*/React.createElement("div", {
-    role: "submenu",
+    role: "menuitem",
+    "aria-haspopup": "true",
+    "aria-expanded": opened,
+    "aria-disabled": disabled || undefined,
     className: clsx("".concat(prefixCls, "-submenu-title"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-submenu-open"), opened), "".concat(prefixCls, "-submenu-selected"), selectedKeys.includes(key) || selectedKeys.find(function (k) {
       return childrenKeys.includes(k);
     }))),
@@ -158,6 +167,7 @@ var MenuItem = function MenuItem(props) {
       paddingLeft: paddingLeft
     },
     onClick: handleExpand,
+    tabIndex: disabled ? -1 : 0,
     title: isCollapsed && typeof label === 'string' ? label : undefined
   }, iconNode, !isCollapsed && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-item-content"),
@@ -168,7 +178,8 @@ var MenuItem = function MenuItem(props) {
   var usePopup = mode === 'vertical' || mode === 'horizontal' || isCollapsed;
   var placement = mode === 'horizontal' && !isCollapsed ? 'bottomLeft' : 'rightTop';
   var childNode = /*#__PURE__*/React.createElement("li", {
-    className: cls
+    className: cls,
+    role: "none"
   }, usePopup ? /*#__PURE__*/React.createElement(Trigger, {
     open: openKeys.includes(key),
     popup: popup,

package/dist/esm/Menu/menu.js

@@ -25,11 +25,16 @@ var MenuGroup = function MenuGroup(_ref2) {
     prefixCls = _ref2.prefixCls,
     renderItems = _ref2.renderItems;
   return /*#__PURE__*/React.createElement("li", {
-    className: "".concat(prefixCls, "-item-group")
+    className: "".concat(prefixCls, "-item-group"),
+    role: "none"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-item-group-title")
+    className: "".concat(prefixCls, "-item-group-title"),
+    role: "presentation",
+    id: "".concat(prefixCls, "-group-").concat(String(item.label))
   }, item.label), /*#__PURE__*/React.createElement("ul", {
-    className: "".concat(prefixCls, "-item-group-list")
+    className: "".concat(prefixCls, "-item-group-list"),
+    role: "group",
+    "aria-labelledby": "".concat(prefixCls, "-group-").concat(String(item.label))
   }, renderItems(item.children)));
 };
 var Menu = function Menu(props) {
@@ -89,7 +94,7 @@ var Menu = function Menu(props) {
   return /*#__PURE__*/React.createElement("ul", _extends({}, dataAttrs, {
     className: cls,
     style: rootStyle,
-    role: "menu"
+    role: root && mode === 'horizontal' ? 'menubar' : 'menu'
   }), /*#__PURE__*/React.createElement(MenuCtx.Provider, {
     value: {
       level: level,
@@ -98,7 +103,8 @@ var Menu = function Menu(props) {
       styles: styles
     }
   }, getChildFromItems(items), level === 0 && footer && /*#__PURE__*/React.createElement("li", {
-    className: "".concat(prefixCls, "-footer")
+    className: "".concat(prefixCls, "-footer"),
+    role: "none"
   }, footer)));
 };
 Menu.displayName = 'Menu';

package/dist/esm/Pagination/items.js

@@ -60,15 +60,18 @@ var Items = function Items(props) {
           }
         },
         role: "button",
+        "aria-label": "Jump back 7 pages",
         key: "turnleft"
       }, (_components$jumpPrev = components === null || components === void 0 ? void 0 : components.jumpPrev) !== null && _components$jumpPrev !== void 0 ? _components$jumpPrev : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-jump-prev-ellipsis")
+        className: "".concat(prefixCls, "-jump-prev-ellipsis"),
+        "aria-hidden": "true"
       }, /*#__PURE__*/React.createElement(Ellipsis, {
         className: "ellipsis",
         size: 18,
         strokeWidth: 1.5
       })), /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-jump-prev-icon")
+        className: "".concat(prefixCls, "-jump-prev-icon"),
+        "aria-hidden": "true"
       }, /*#__PURE__*/React.createElement(ChevronsLeft, {
         className: "turn",
         size: 18,
@@ -89,15 +92,18 @@ var Items = function Items(props) {
           }
         },
         role: "button",
+        "aria-label": "Jump forward 7 pages",
         key: "turn-right"
       }, (_components$jumpNext = components === null || components === void 0 ? void 0 : components.jumpNext) !== null && _components$jumpNext !== void 0 ? _components$jumpNext : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-jump-next-ellipsis")
+        className: "".concat(prefixCls, "-jump-next-ellipsis"),
+        "aria-hidden": "true"
       }, /*#__PURE__*/React.createElement(Ellipsis, {
         className: "ellipsis",
         size: 18,
         strokeWidth: 1.5
       })), /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-jump-next-icon")
+        className: "".concat(prefixCls, "-jump-next-icon"),
+        "aria-hidden": "true"
       }, /*#__PURE__*/React.createElement(ChevronsRight, {
         className: "turn",
         size: 18,
@@ -116,7 +122,10 @@ var Items = function Items(props) {
           if (e.key === 'Enter') {
             onChange(number);
           }
-        }
+        },
+        role: "button",
+        "aria-label": "Page ".concat(number),
+        "aria-current": current === number ? 'page' : undefined
       }, number);
     }
   }));

package/dist/esm/Pagination/pagination.js

@@ -169,10 +169,14 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
           prevClick();
         }
       },
+      role: "button",
+      "aria-label": "Previous page",
+      "aria-disabled": mergedCurrent === 1 || undefined,
       key: "prev"
     }, (_components$prev = components === null || components === void 0 ? void 0 : components.prev) !== null && _components$prev !== void 0 ? _components$prev : /*#__PURE__*/React.createElement(ChevronLeft, {
       size: 20,
-      strokeWidth: 1.5
+      strokeWidth: 1.5,
+      "aria-hidden": "true"
     }));
   };
   var renderNext = function renderNext() {
@@ -187,10 +191,14 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
           nextClick();
         }
       },
+      role: "button",
+      "aria-label": "Next page",
+      "aria-disabled": mergedCurrent === pageCount || undefined,
       key: "next"
     }, (_components$next = components === null || components === void 0 ? void 0 : components.next) !== null && _components$next !== void 0 ? _components$next : /*#__PURE__*/React.createElement(ChevronRight, {
       size: 20,
-      strokeWidth: 1.5
+      strokeWidth: 1.5,
+      "aria-hidden": "true"
     }));
   };
   var renderSizeChanger = function renderSizeChanger() {
@@ -225,11 +233,15 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
   return /*#__PURE__*/React.createElement("ul", _extends({}, rest, {
     className: cls,
     style: style,
-    ref: ref
+    ref: ref,
+    role: "navigation",
+    "aria-label": "Pagination",
+    "aria-disabled": disabled || undefined
   }), renderTotal(), renderPrevious(), simple ? /*#__PURE__*/React.createElement("li", {
     className: "".concat(prefixCls, "-simple")
   }, renderNumber(false), /*#__PURE__*/React.createElement("span", {
-    className: "split"
+    className: "split",
+    "aria-hidden": "true"
   }, "/"), /*#__PURE__*/React.createElement("span", {
     className: "total-page"
   }, pageCount)) : /*#__PURE__*/React.createElement(Items, {

package/dist/esm/PickerPanel/panels/DateTimePanel/index.d.ts

@@ -1,6 +1,6 @@
 import { Dayjs } from 'dayjs';
 import * as React from 'react';
-import type { PickerType, PanelSharedProps } from '../../interface';
+import type { PanelSharedProps, PickerType } from '../../interface';
 interface DateTimePanelProps extends Omit<PanelSharedProps, 'onSelect'> {
     onSelect?: (panel: PickerType, date: Dayjs) => void;
     showTime?: boolean;

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

@@ -53,14 +53,15 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
     setMergedValue(event.target.value);
     onChange === null || onChange === void 0 || onChange(event.target.value, event);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cls,
     style: _objectSpread(_objectSpread({}, style), {}, {
       gap: gap
     }),
     ref: ref,
-    role: "radiogroup"
-  }, /*#__PURE__*/React.createElement(GroupCtx.Provider, {
+    role: "radiogroup",
+    "aria-disabled": disabled || undefined
+  }, rest), /*#__PURE__*/React.createElement(GroupCtx.Provider, {
     value: {
       name: name,
       buttonStyle: buttonStyle,
@@ -69,7 +70,7 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
   }, options === null || options === void 0 ? void 0 : options.map(function (option, index) {
     return /*#__PURE__*/React.createElement(Radio, _extends({
       disabled: disabled
-    }, rest, option, {
+    }, option, {
       checked: option.value === mergedValue,
       key: option.value || index
     }));

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/Segmented/index.d.ts

@@ -1,3 +1,3 @@
 import InternalSegmented from './segmented';
-export type { SegmentedOption, SegmentedLabeledOption, SegmentedRawOption, SegmentedSemanticDOM, SegmentedValue, SegmentedProps, } from './interface';
+export type { SegmentedLabeledOption, SegmentedOption, SegmentedProps, SegmentedRawOption, SegmentedSemanticDOM, SegmentedValue, } from './interface';
 export default InternalSegmented;

package/dist/esm/Segmented/segmented.js

@@ -13,8 +13,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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 React, { useContext, useId, useMemo } from 'react';
 import { motion } from 'motion/react';
+import React, { useContext, useId, useMemo } from 'react';
 import { GlobalContext } from "../Config-Provider";
 import useMergedState from "../hooks/useMergedState";
 import mergeContextToProps from "../utils/mergeContextToProps";