@soroush.tech/design-system 2.0.0-rc.3 → 2.0.0-rc.5

package/dist/{index-ha1WjSZ5.d.mts → index-D48qVo1X.d.mts}

@@ -1,197 +1,85 @@
-import { et as ThemeIconSizes } from "./index-CJhK7JND.mjs";
-import { n as TextColorToken } from "./index-ClZyaZrR.mjs";
+import { ft as ThemeIconSizes } from "./index-CR8qkP8U.mjs";
+import { n as TextColorToken } from "./index-C2a-5yop.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { SVGProps } from "react";
-//#region src/Icon/icons/AccountTree.d.ts
 declare const SvgAccountTree: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Add.d.ts
 declare const SvgAdd: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/AdsClick.d.ts
+declare const SvgAddCircle: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgAdsClick: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Analytics.d.ts
 declare const SvgAnalytics: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Architecture.d.ts
 declare const SvgArchitecture: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ArrowBack.d.ts
 declare const SvgArrowBack: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ArrowForward.d.ts
 declare const SvgArrowForward: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ArrowUpward.d.ts
 declare const SvgArrowUpward: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Check.d.ts
+declare const SvgArticle: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgCheck: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ChevronLeft.d.ts
+declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgChevronLeft: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ChevronRight.d.ts
 declare const SvgChevronRight: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Checklist.d.ts
 declare const SvgChecklist: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/CloudDone.d.ts
 declare const SvgCloudDone: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Close.d.ts
 declare const SvgClose: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Code.d.ts
 declare const SvgCode: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ContentCopy.d.ts
 declare const SvgContentCopy: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Cookie.d.ts
 declare const SvgCookie: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Database.d.ts
+declare const SvgDarkMode: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgDatabase: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/DesktopWindows.d.ts
 declare const SvgDesktopWindows: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Dns.d.ts
 declare const SvgDns: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/EditNote.d.ts
 declare const SvgEditNote: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ExpandLess.d.ts
+declare const SvgErrorCircle: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgExpandLess: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ExpandMore.d.ts
 declare const SvgExpandMore: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ExternalLink.d.ts
 declare const SvgExternalLink: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/FirstPage.d.ts
 declare const SvgFirstPage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Folder.d.ts
 declare const SvgFolder: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/FormatListBulleted.d.ts
 declare const SvgFormatListBulleted: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/FormatListNumbered.d.ts
 declare const SvgFormatListNumbered: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/FormatQuote.d.ts
 declare const SvgFormatQuote: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Fullscreen.d.ts
 declare const SvgFullscreen: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/GridView.d.ts
 declare const SvgGridView: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Groups.d.ts
 declare const SvgGroups: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/History.d.ts
 declare const SvgHistory: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Hub.d.ts
+declare const SvgHome: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgHub: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Image.d.ts
 declare const SvgImage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Language.d.ts
+declare const SvgInfo: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+declare const SvgInventory2: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgLanguage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/LastPage.d.ts
 declare const SvgLastPage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Link.d.ts
+declare const SvgLightMode: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgLink: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Lock.d.ts
 declare const SvgLock: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Menu.d.ts
 declare const SvgMenu: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/MoreHoriz.d.ts
+declare const SvgMenuBook: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgMoreHoriz: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Neurology.d.ts
 declare const SvgNeurology: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Psychology.d.ts
+declare const SvgPalette: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgPsychology: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/RebaseEdit.d.ts
 declare const SvgRebaseEdit: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Refresh.d.ts
 declare const SvgRefresh: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Remove.d.ts
 declare const SvgRemove: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Schema.d.ts
 declare const SvgSchema: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Security.d.ts
+declare const SvgSearch: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgSecurity: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/SettingsInputComponent.d.ts
 declare const SvgSettingsInputComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/SmartToy.d.ts
 declare const SvgSmartToy: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Smartphone.d.ts
 declare const SvgSmartphone: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Speed.d.ts
 declare const SvgSpeed: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Stacks.d.ts
 declare const SvgStacks: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Star.d.ts
 declare const SvgStar: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/StarBorder.d.ts
 declare const SvgStarBorder: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Table.d.ts
 declare const SvgTable: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Terminal.d.ts
 declare const SvgTerminal: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Visibility.d.ts
 declare const SvgVisibility: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Warning.d.ts
 declare const SvgWarning: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/WebAsset.d.ts
 declare const SvgWebAsset: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ZoomIn.d.ts
 declare const SvgZoomIn: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ZoomOut.d.ts
 declare const SvgZoomOut: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons.d.ts
 /** Registry of available icons, keyed by their asset file name. */
 declare const icons: {
   readonly account_tree: typeof SvgAccountTree;
+  readonly add_circle: typeof SvgAddCircle;
   readonly add: typeof SvgAdd;
   readonly ads_click: typeof SvgAdsClick;
   readonly analytics: typeof SvgAnalytics;
@@ -199,7 +87,9 @@ declare const icons: {
   readonly arrow_back: typeof SvgArrowBack;
   readonly arrow_forward: typeof SvgArrowForward;
   readonly arrow_upward: typeof SvgArrowUpward;
+  readonly article: typeof SvgArticle;
   readonly check: typeof SvgCheck;
+  readonly check_circle: typeof SvgCheckCircle;
   readonly chevron_left: typeof SvgChevronLeft;
   readonly chevron_right: typeof SvgChevronRight;
   readonly checklist: typeof SvgChecklist;
@@ -208,10 +98,12 @@ declare const icons: {
   readonly code: typeof SvgCode;
   readonly content_copy: typeof SvgContentCopy;
   readonly cookie: typeof SvgCookie;
+  readonly dark_mode: typeof SvgDarkMode;
   readonly database: typeof SvgDatabase;
   readonly desktop_windows: typeof SvgDesktopWindows;
   readonly dns: typeof SvgDns;
   readonly edit_note: typeof SvgEditNote;
+  readonly error: typeof SvgErrorCircle;
   readonly expand_less: typeof SvgExpandLess;
   readonly expand_more: typeof SvgExpandMore;
   readonly external_link: typeof SvgExternalLink;
@@ -224,20 +116,27 @@ declare const icons: {
   readonly grid_view: typeof SvgGridView;
   readonly groups: typeof SvgGroups;
   readonly history: typeof SvgHistory;
+  readonly home: typeof SvgHome;
   readonly hub: typeof SvgHub;
   readonly image: typeof SvgImage;
+  readonly info: typeof SvgInfo;
+  readonly inventory_2: typeof SvgInventory2;
   readonly language: typeof SvgLanguage;
   readonly last_page: typeof SvgLastPage;
+  readonly light_mode: typeof SvgLightMode;
   readonly link: typeof SvgLink;
   readonly lock: typeof SvgLock;
+  readonly menu_book: typeof SvgMenuBook;
   readonly menu: typeof SvgMenu;
   readonly more_horiz: typeof SvgMoreHoriz;
   readonly neurology: typeof SvgNeurology;
+  readonly palette: typeof SvgPalette;
   readonly psychology: typeof SvgPsychology;
   readonly rebase_edit: typeof SvgRebaseEdit;
   readonly refresh: typeof SvgRefresh;
   readonly remove: typeof SvgRemove;
   readonly schema: typeof SvgSchema;
+  readonly search: typeof SvgSearch;
   readonly security: typeof SvgSecurity;
   readonly settings_input_component: typeof SvgSettingsInputComponent;
   readonly smart_toy: typeof SvgSmartToy;
@@ -256,8 +155,6 @@ declare const icons: {
 };
 /** Valid values for the Icon `name` prop - derived from the registry keys. */
 type IconName = keyof typeof icons;
-//#endregion
-//#region src/Icon/Icon.d.ts
 interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'color' | 'ref' | 'width' | 'height' | 'display' | 'overflow'>, LayoutProps, SpaceProps {
   /** Registry key of the icon to render. */
   name: IconName;
@@ -270,5 +167,4 @@ interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'color' | 'ref' | 'wid
   size?: keyof ThemeIconSizes | (string & {}) | number;
 }
 declare function Icon({ name, color, size, ...rest }: Readonly<IconProps>): import("react").JSX.Element;
-//#endregion
 export { icons as i, IconProps as n, IconName as r, Icon as t };

package/dist/{index-BelFIizY.d.cts → index-D4PcgL-c.d.cts}

@@ -1,13 +1,10 @@
-import { W as Theme } from "./index-DJ0f69wh.cjs";
-import { t as TableCellPadding } from "./TableContext-Duj1nVG7.cjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { t as TableCellPadding } from "./TableContext-fIyMD_Bj.cjs";
 import { ElementType, ThHTMLAttributes } from "react";
 import { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
-//#region src/Table/TableSectionContext.d.ts
 /** The table section a cell lives in - drives `TableCell`'s th/td element resolution. */
 type TableSection = 'head' | 'body' | 'footer';
 declare const TableSectionContext: import("react").Context<TableSection | undefined>;
-//#endregion
-//#region src/Table/TableCell/TableCell.d.ts
 /** Cell type - inherited from the enclosing section, overridable per cell. */
 type TableCellVariant = TableSection;
 type TableCellAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
@@ -43,5 +40,4 @@ interface TableCellProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'c
   as?: ElementType;
 }
 declare function TableCell({ variant, align, size, cellPadding, sortDirection, hasEllipsis, scope, as, children, ...rest }: Readonly<TableCellProps>): import("react").JSX.Element;
-//#endregion
 export { TableCellColorToken as a, TableCellVariant as c, TableCellBorderColorToken as i, TableSection as l, TableCellAlign as n, TableCellProps as o, TableCellBackgroundToken as r, TableCellSortDirection as s, TableCell as t, TableSectionContext as u };

package/dist/{index-BQWjh4rK.d.mts → index-DBF5n3ey.d.cts}

@@ -1,8 +1,7 @@
-import { W as Theme } from "./index-CJhK7JND.mjs";
-import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-BGbTuHP9.mjs";
-import { SpaceProps } from "@soroush.tech/styled-system";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-Dxu6Ks2A.cjs";
 import { HTMLAttributes } from "react";
-//#region src/Pagination/Pagination.d.ts
+import { SpaceProps } from "@soroush.tech/styled-system";
 type PaginationColor = PaginationItemColor;
 type PaginationVariant = PaginationItemVariant;
 type PaginationShape = PaginationItemShape;
@@ -20,5 +19,4 @@ interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'o
   getItemAriaLabel?: (type: PaginationItemType, page: number | null, isSelected: boolean) => string;
 }
 declare function Pagination({ count, page, defaultPage, siblingCount, boundaryCount, disabled, shouldShowFirstButton, shouldShowLastButton, shouldHidePrevButton, shouldHideNextButton, onChange, color, variant, shape, size, getItemAriaLabel, 'aria-label': ariaLabel, ...rest }: Readonly<PaginationProps>): import("react").JSX.Element;
-//#endregion
 export { PaginationSize as a, PaginationShape as i, PaginationColor as n, PaginationVariant as o, PaginationProps as r, Pagination as t };

package/dist/{index-CknoXDLQ.d.cts → index-DbgrItbx.d.cts}

@@ -1,7 +1,6 @@
-import { t as MenuItemValue } from "./MenuListContext-DKUOhNyw.cjs";
-import { i as MenuItemRole } from "./index-B4TeaB7b.cjs";
+import { t as MenuItemValue } from "./MenuListContext-BwgQHUu9.cjs";
+import { i as MenuItemRole } from "./index-Byk1_ms9.cjs";
 import { KeyboardEvent, MouseEvent, ReactNode } from "react";
-//#region src/Menu/MenuItems/MenuItems.d.ts
 /** A menu row as data - what a `MenuItem` takes, with its label as `label`. */
 interface MenuItemRowData {
   value?: MenuItemValue;
@@ -31,5 +30,4 @@ interface MenuItemsProps {
  * would, so the two behave alike - inside a `MenuList`, a `Menu` or a `ContextMenu`.
  */
 declare function MenuItems({ items }: Readonly<MenuItemsProps>): import("react").JSX.Element[];
-//#endregion
 export { MenuItemsProps as a, MenuItems as i, MenuItemData as n, MenuItemRowData as r, MenuDividerData as t };

package/dist/{index-DWjz5ZzG.d.cts → index-Dm7vQHor.d.cts}

@@ -1,13 +1,10 @@
-import { Gt as PaperElevation, W as Theme } from "./index-DJ0f69wh.cjs";
-import "./index-BxVTIMnB.cjs";
-import { t as MenuItemValue } from "./MenuListContext-DKUOhNyw.cjs";
-import { n as MenuItemData } from "./index-CknoXDLQ.cjs";
+import { cn as PaperElevation, nt as Theme } from "./index-Lsm4v8fB.cjs";
+import "./index-323PrYLR.cjs";
+import { t as MenuItemValue } from "./MenuListContext-BwgQHUu9.cjs";
+import { n as MenuItemData } from "./index-DbgrItbx.cjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref, SyntheticEvent } from "react";
-//#region src/Menu/utils/getMenuOrigins.d.ts
 /** Which edge of its trigger a menu lines up with: the start edge, or the end edge. */
 type MenuAlign = 'start' | 'end';
-//#endregion
-//#region src/Menu/Menu/Menu.d.ts
 /** Why a menu closed: Escape, a chosen row, its trigger pressed again, or focus leaving it. */
 type MenuCloseReason = 'escapeKey' | 'select' | 'triggerClick' | 'blur';
 /** A step a menu bar takes from this menu to the previous (`-1`) or next (`1`) one. */
@@ -43,6 +40,8 @@ interface MenuProps {
   marginThreshold?: keyof Theme['space'];
   /** Shadow depth of the surface. Default: `8`. */
   elevation?: PaperElevation;
+  /** Corner radius of the list, resolves against `theme.radii`. Default: `theme.defaults.surfaceRadius`, else square. */
+  borderRadius?: keyof Theme['radii'];
   /** Stacking layer from `theme.zOrder`. Default: `'modal'`. */
   layer?: keyof Theme['zOrder'];
   /** Shown as one disabled row when the menu has no rows. Without it, the list stays empty. */
@@ -67,6 +66,5 @@ interface MenuProps {
  * can't clip it, but stays inside the menu's own box in the DOM. Escape or a chosen row
  * closes it and returns focus to the trigger; focus leaving it closes it where it went.
  */
-declare function Menu({ trigger, children, items, isOpen: isOpenProp, defaultOpen, onOpen, onClose, onStep, onSelect, align: alignProp, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, 'aria-label': ariaLabel, className, 'data-testid': dataTestid }: Readonly<MenuProps>): import("react").JSX.Element;
-//#endregion
+declare function Menu({ trigger, children, items, isOpen: isOpenProp, defaultOpen, onOpen, onClose, onStep, onSelect, align: alignProp, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, borderRadius: borderRadiusProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, 'aria-label': ariaLabel, className, 'data-testid': dataTestid }: Readonly<MenuProps>): import("react").JSX.Element;
 export { MenuAlign as a, MenuStep as i, MenuCloseReason as n, MenuProps as r, Menu as t };

package/dist/{index-B4TeaB7b.d.cts → index-Dt274Ngt.d.mts}

@@ -1,7 +1,6 @@
-import { W as Theme } from "./index-DJ0f69wh.cjs";
-import { t as MenuItemValue } from "./MenuListContext-DKUOhNyw.cjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { t as MenuItemValue } from "./MenuListContext-DbnAoUdJ.mjs";
 import { ElementType, KeyboardEvent, MouseEvent, ReactNode } from "react";
-//#region src/MenuItem/MenuItem.d.ts
 type MenuItemColor = keyof Theme['palette'];
 type MenuItemSize = keyof Theme['sizes'];
 type MenuItemTextColor = keyof Theme['text'];
@@ -46,6 +45,8 @@ interface MenuItemProps {
   startIcon?: ReactNode;
   /** Menu only: the row's keyboard shortcut, shown at its end. A string is also given to the row as `aria-keyshortcuts`. */
   shortcut?: ReactNode;
+  /** Menu only: what a screen reader hears of the row's keys - the `aria-keyshortcuts` form, such as `Control+=` - where it differs from what `shortcut` shows (`Ctrl+=`). Without it, a string `shortcut` is announced as it is. */
+  'aria-keyshortcuts'?: string;
   /** Menu only: why the row is off - its tooltip and accessible description. */
   note?: string;
   /** Menu only: fired when the row is chosen, by a click, Enter or Space. */
@@ -56,6 +57,8 @@ interface MenuItemProps {
   emptyLabel?: ReactNode;
   /** Menu only: a control of the row's own beside it - a close button. It sits in the row's `role="none"` entry, out of the arrow keys and hidden from assistive technology (a menu owns rows alone), so it is the pointer's: give it `tabIndex={-1}`, and the row a key of its own through `MenuList`'s `onKeyDown`. */
   secondaryAction?: ReactNode;
+  /** Menu only: leaves `secondaryAction` in the accessibility tree - a screen reader finds the control by its own name - rather than hidden from it. A menu owns rows alone, so a control beside a row is an exception a tool may report; name it, and keep it out of the tab order. Default: `false`. */
+  shouldAnnounceSecondaryAction?: boolean;
   id?: string;
   className?: string;
   'data-testid'?: string;
@@ -67,6 +70,5 @@ interface MenuItemProps {
  * `<li role="option">` (override via `as`), whose selection, highlight and density props
  * `Select` injects; used on its own it renders a static, styled row.
  */
-declare function MenuItem({ value, children, as, disabled, selected, highlighted, multiple, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, disableGutters, divider, autoFocus, focusVisibleClassName, onSelect, role, startIcon, shortcut, note, onClick, submenu, emptyLabel, secondaryAction, id, className, 'data-testid': dataTestid }: Readonly<MenuItemProps>): import("react").JSX.Element;
-//#endregion
+declare function MenuItem({ value, children, as, disabled, selected, highlighted, multiple, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, disableGutters, divider, autoFocus, focusVisibleClassName, onSelect, role, startIcon, shortcut, 'aria-keyshortcuts': keyShortcuts, note, onClick, submenu, emptyLabel, secondaryAction, shouldAnnounceSecondaryAction, id, className, 'data-testid': dataTestid }: Readonly<MenuItemProps>): import("react").JSX.Element;
 export { MenuItemSize as a, MenuItemRole as i, MenuItemColor as n, MenuItemTextColor as o, MenuItemProps as r, MenuItem as t };

package/dist/{index-ChXeKJCk.d.cts → index-Dxu6Ks2A.d.cts}

@@ -1,7 +1,6 @@
-import { P as PaletteColor, W as Theme } from "./index-DJ0f69wh.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-Lsm4v8fB.cjs";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-//#region src/Pagination/hooks/usePagination.d.ts
 type PaginationItemType = 'page' | 'first' | 'previous' | 'next' | 'last' | 'start-ellipsis' | 'end-ellipsis';
 /** One renderable pagination item - `Pagination` maps these onto `PaginationItem`s. */
 interface UsePaginationItem {
@@ -39,8 +38,6 @@ interface UsePaginationProps {
 declare function usePagination({ count, page: pageProp, defaultPage, siblingCount, boundaryCount, disabled, shouldShowFirstButton, shouldShowLastButton, shouldHidePrevButton, shouldHideNextButton, onChange }: UsePaginationProps): {
   items: UsePaginationItem[];
 };
-//#endregion
-//#region src/Pagination/PaginationItem/PaginationItem.d.ts
 type PaginationItemColor = PaletteColor;
 type PaginationItemVariant = 'text' | 'outlined';
 type PaginationItemShape = 'circular' | 'rounded';
@@ -64,5 +61,4 @@ interface PaginationItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
   as?: ElementType;
 }
 declare function PaginationItem({ type, page, isSelected, color, variant, shape, size, as, ...rest }: Readonly<PaginationItemProps>): import("react").JSX.Element;
-//#endregion
 export { PaginationItemSize as a, UsePaginationItem as c, PaginationItemShape as i, UsePaginationProps as l, PaginationItemColor as n, PaginationItemVariant as o, PaginationItemProps as r, PaginationItemType as s, PaginationItem as t, usePagination as u };