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

package/dist/{index-2x01drCL.d.mts → index-C2tTbEBS.d.mts}

@@ -1,7 +1,6 @@
-import { a as PaginationItemSize } from "./index-BeqpkGV-.mjs";
-import "./index-D_LT3QiH.mjs";
+import { a as PaginationItemSize } from "./index-CKywwIep.mjs";
+import "./index-BXlBouWV.mjs";
 import { HTMLAttributes } from "react";
-//#region src/Table/TablePaginationActions/TablePaginationActions.d.ts
 type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';
 interface TablePaginationActionsProps extends HTMLAttributes<HTMLDivElement> {
   /** Total number of rows; `-1` = unknown (server-side pagination). */
@@ -27,5 +26,4 @@ interface TablePaginationActionsProps extends HTMLAttributes<HTMLDivElement> {
  * `count` / `page` / `rowsPerPage`.
  */
 declare function TablePaginationActions({ count, page, rowsPerPage, onPageChange, getItemAriaLabel, disabled, shouldShowFirstButton, shouldShowLastButton, size: sizeProp, ...rest }: Readonly<TablePaginationActionsProps>): import("react").JSX.Element;
-//#endregion
 export { TablePaginationActions as n, TablePaginationActionsProps as r, TablePaginationActionType as t };

package/dist/{index-BgLqA52S.d.cts → index-C7EUYyom.d.cts}

@@ -1,7 +1,6 @@
-import { a as PaginationItemSize } from "./index-DOH1xY0L.cjs";
-import "./index-BCzI2Iqo.cjs";
+import { a as PaginationItemSize } from "./index-Dxu6Ks2A.cjs";
+import "./index-DBF5n3ey.cjs";
 import { HTMLAttributes } from "react";
-//#region src/Table/TablePaginationActions/TablePaginationActions.d.ts
 type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';
 interface TablePaginationActionsProps extends HTMLAttributes<HTMLDivElement> {
   /** Total number of rows; `-1` = unknown (server-side pagination). */
@@ -27,5 +26,4 @@ interface TablePaginationActionsProps extends HTMLAttributes<HTMLDivElement> {
  * `count` / `page` / `rowsPerPage`.
  */
 declare function TablePaginationActions({ count, page, rowsPerPage, onPageChange, getItemAriaLabel, disabled, shouldShowFirstButton, shouldShowLastButton, size: sizeProp, ...rest }: Readonly<TablePaginationActionsProps>): import("react").JSX.Element;
-//#endregion
 export { TablePaginationActions as n, TablePaginationActionsProps as r, TablePaginationActionType as t };

package/dist/{index-DNj5P2NH.d.mts → index-CAt0-L4i.d.cts}

@@ -1,206 +1,85 @@
-import { ft as ThemeIconSizes } from "./index-CRQ7XLri.mjs";
-import { n as TextColorToken } from "./index-BPh60KDs.mjs";
-import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
+import { ft as ThemeIconSizes } from "./index-Lsm4v8fB.cjs";
+import { n as TextColorToken } from "./index-CGyIuCRh.cjs";
 import { SVGProps } from "react";
-//#region src/Icon/icons/AccountTree.d.ts
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 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/CheckCircle.d.ts
 declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ChevronLeft.d.ts
 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/ErrorCircle.d.ts
 declare const SvgErrorCircle: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/ExpandLess.d.ts
 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/Info.d.ts
 declare const SvgInfo: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
-//#region src/Icon/icons/Language.d.ts
+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;
@@ -208,6 +87,7 @@ 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;
@@ -218,6 +98,7 @@ 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;
@@ -235,21 +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;
@@ -268,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;
@@ -282,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-BhnLFsBv.d.cts → index-CF_pl72E.d.mts}

@@ -1,6 +1,5 @@
-import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-XN4-ZqTB.cjs";
+import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-CR8qkP8U.mjs";
 import { ComponentType, ReactNode } from "react";
-//#region src/theme/ThemeProvider.d.ts
 interface ThemeProviderProps {
   children: ReactNode;
   /**
@@ -16,8 +15,6 @@ interface ThemeProviderProps {
   defaults?: ThemeDefaults;
 }
 declare function ThemeProvider({ children, theme, defaults }: Readonly<ThemeProviderProps>): import("react").JSX.Element;
-//#endregion
-//#region src/theme/LayoutProvider.d.ts
 interface LayoutProviderProps {
   /**
    * The page's layout: `theme.layout`'s shape - `content`, `panels`, `bars` per breakpoint -
@@ -34,8 +31,6 @@ interface LayoutProviderProps {
  * switching and every other token stay the app theme's. Nested providers stack.
  */
 declare function LayoutProvider({ layout, children }: Readonly<LayoutProviderProps>): import("react").JSX.Element;
-//#endregion
-//#region src/theme/utils/themeDefault.d.ts
 /**
  * Resolves a component's default token/variant key: the theme's optional
  * `defaults` override wins, otherwise the component's literal `fallback`.
@@ -44,15 +39,11 @@ declare function LayoutProvider({ layout, children }: Readonly<LayoutProviderPro
  * yet overridable per theme or via `ThemeProvider`'s `defaults` prop.
  */
 declare const themeDefault: <K extends keyof ThemeDefaults>(theme: Theme, key: K, fallback: NonNullable<ThemeDefaults[K]>) => NonNullable<ThemeDefaults[K]>;
-//#endregion
-//#region src/theme/hooks/useTheme.d.ts
 /**
  * The active theme, typed as this package's own `Theme` - Emotion is an
  * internal implementation detail, never part of the public type surface.
  */
 declare const useTheme: () => Theme;
-//#endregion
-//#region src/theme/hooks/useDefaultProps.d.ts
 type DefaultPropsOf<N extends keyof ThemeComponents> = NonNullable<NonNullable<ThemeComponents[N]>['defaultProps']>;
 /**
  * The theme-contributed default prop values for a component
@@ -62,10 +53,7 @@ type DefaultPropsOf<N extends keyof ThemeComponents> = NonNullable<NonNullable<T
  * explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
  */
 declare function useDefaultProps<N extends keyof ThemeComponents>(name: N): DefaultPropsOf<N>;
-//#endregion
-//#region src/theme/hoc/withTheme.d.ts
 declare function withTheme<P extends object>(WrappedComponent: ComponentType<P & {
   theme: Theme;
 }>): (props: P) => import("react").JSX.Element;
-//#endregion
 export { LayoutProvider as a, themeDefault as i, useDefaultProps as n, LayoutProviderProps as o, useTheme as r, ThemeProvider as s, withTheme as t };

package/dist/{index-BDqIc6Gx.d.cts → index-CGyIuCRh.d.cts}

@@ -1,7 +1,6 @@
-import { jt as TypographyVariant, nt as Theme } from "./index-XN4-ZqTB.cjs";
+import { jt as TypographyVariant, nt as Theme } from "./index-Lsm4v8fB.cjs";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
 import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
-//#region src/Typography/Typography.d.ts
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
 /** Valid values for the color prop - derived from theme.text keys. */
 type TextColorToken = keyof Theme['text'];
@@ -23,5 +22,4 @@ interface TypographyProps$1 extends Omit<HTMLAttributes<HTMLElement>, 'color'>,
   as?: ElementType;
 }
 declare function Typography({ variant, as, ...rest }: Readonly<TypographyProps$1>): import("react").JSX.Element;
-//#endregion
 export { TypographyProps$1 as a, TypographyAlign as i, TextColorToken as n, Typography as r, BackgroundToken as t };

package/dist/{index-CO-XxjiZ.d.cts → index-CJYWGPVO.d.mts}

@@ -1,7 +1,6 @@
-import { t as MenuItemValue } from "./MenuListContext-BrCKLgKZ.cjs";
-import { i as MenuItemRole } from "./index-BSGu9rPv.cjs";
+import { t as MenuItemValue } from "./MenuListContext-DbnAoUdJ.mjs";
+import { i as MenuItemRole } from "./index-Dt274Ngt.mjs";
 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-BeqpkGV-.d.mts → index-CKywwIep.d.mts}

@@ -1,7 +1,6 @@
-import { U as PaletteColor, nt as Theme } from "./index-CRQ7XLri.mjs";
+import { U as PaletteColor, nt as Theme } from "./index-CR8qkP8U.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
-//#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 };

package/dist/{index-BvgX5eyV.d.mts → index-CLTFsCYC.d.cts}

@@ -1,7 +1,6 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
-import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-C1F7MuHO.mjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-C89K0mS7.cjs";
 import { ReactNode } from "react";
-//#region src/Collapse/Collapse.d.ts
 type CollapseOrientation = 'vertical' | 'horizontal';
 interface CollapseProps extends TransitionCallbacks {
   /** What opens and closes. */
@@ -32,5 +31,4 @@ interface CollapseProps extends TransitionCallbacks {
  * A user who asked for less motion sees it change at once.
  */
 declare function Collapse({ children, isShown, shouldAppear: shouldAppearProp, shouldMountOnEnter, shouldUnmountOnExit, timeout: timeoutProp, easing: easingProp, collapsedSize: collapsedSizeProp, orientation: orientationProp, onEnter, onEntering, onEntered, onExit, onExiting, onExited, className, 'data-testid': dataTestid }: Readonly<CollapseProps>): import("react").JSX.Element | null;
-//#endregion
 export { CollapseOrientation as n, CollapseProps as r, Collapse as t };

package/dist/{index-CyLhEXYB.d.mts → index-CQeTS_zL.d.cts}

@@ -1,6 +1,5 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
 import { MouseEvent, ReactNode } from "react";
-//#region src/Tabs/TabScrollButton/TabScrollButton.d.ts
 /** Which way a scroll button scrolls a row of tabs: towards its start, or its end. */
 type TabScrollDirection = 'start' | 'end';
 interface TabScrollButtonProps {
@@ -30,5 +29,4 @@ interface TabScrollButtonProps {
  * `slots={{ scrollButton }}`, given these same props.
  */
 declare function TabScrollButton({ direction, orientation, disabled, isHidden, color: colorProp, textColor: textColorProp, onClick, children, className, 'data-testid': dataTestid }: Readonly<TabScrollButtonProps>): import("react").JSX.Element;
-//#endregion
 export { TabScrollButtonProps as n, TabScrollDirection as r, TabScrollButton as t };

package/dist/{index-CRQ7XLri.d.mts → index-CR8qkP8U.d.mts}

@@ -3,7 +3,6 @@ import { CSSObject, PropsOf, css as css$1, keyframes } from "@emotion/react";
 import { BorderProps, ContainerQueries, FlexboxProps, LayoutFrameProps, LayoutProps, PositionProps, QueryHelpers, SpaceProps, SpanProps, TypographyProps } from "@soroush.tech/styled-system";
 import { createShouldForwardProp, props } from "@soroush.tech/styled-system/should-forward-prop";
 import { CSSProperties, ComponentClass, ComponentProps, ComponentType, ElementType, HTMLAttributes, JSX, ReactNode, Ref } from "react";
-//#region src/View/View.d.ts
 /** Valid values for the color prop - derived from theme.text keys. */
 type ViewColorToken = keyof Theme['text'];
 /** Valid values for the bg prop - derived from theme.background keys. */
@@ -31,8 +30,6 @@ declare const View: import("@emotion/styled").StyledComponent<{
   theme?: Theme;
   as?: React.ElementType;
 } & ViewProps, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//#endregion
-//#region src/Flex/Flex.d.ts
 /** Valid values for the gap prop - derived from theme.space keys. */
 type GapToken = keyof Theme['space'];
 /**
@@ -47,8 +44,6 @@ declare const Flex: import("@emotion/styled").StyledComponent<{
 } & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
   theme?: Theme;
 } & FlexProps, {}, {}>;
-//#endregion
-//#region src/Paper/Paper.d.ts
 type PaperElevation = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
 interface PaperProps extends FlexProps {
   /** Shadow depth - 0 (flat) to 24 (highest). Resolves to theme.shadows[n]. Default: 1. */
@@ -65,8 +60,6 @@ interface PaperProps extends FlexProps {
   as?: ElementType;
 }
 declare function Paper({ elevation, p, bg, borderRadius, ...rest }: Readonly<PaperProps>): import("react").JSX.Element;
-//#endregion
-//#region src/theme/breakpoints.d.ts
 /**
  * The query helpers a theme's breakpoint scale carries: `up` / `down` / `only` / `between` /
  * `not` as `@media` rules, and `containerQueries` for the same sizes as `@container` rules.
@@ -81,8 +74,6 @@ interface BreakpointHelpers extends QueryHelpers {
  * breakpoints.
  */
 declare const withBreakpointHelpers: <Scale extends Record<string, string | number>>(scale: Scale) => Scale & BreakpointHelpers;
-//#endregion
-//#region src/theme/utils/createTheme.d.ts
 /**
  * Recursive partial of a theme shape. Plain objects recurse; arrays and
  * functions are replaced wholesale by `createTheme`, so they stay intact here.
@@ -101,8 +92,6 @@ type ThemeOverride = DeepPartial<Theme>;
  * - `breakpoints` gets its query helpers back, built from the merged sizes.
  */
 declare const createTheme: (base: Theme, overrides: ThemeOverride) => Theme;
-//#endregion
-//#region src/theme/themes.d.ts
 /** Design-system's own style-object shape - Emotion stays an internal implementation detail. */
 type CSSObject$1 = CSSObject;
 /**
@@ -682,6 +671,7 @@ interface TabsVariants {
   underline: true;
   boxed: true;
   enclosed: true;
+  tonal: true;
 }
 /** The resolved props Tabs' styled elements receive - what `ownerState` exposes. */
 interface TabsOwnerState {
@@ -837,8 +827,11 @@ interface ThemeComponents {
   Rating?: ComponentConfig<RatingOwnerState, 'root' | 'item' | 'icon' | 'decimal' | 'input' | 'text' | 'emptyLabel'>;
   ScrollArea?: ComponentConfig<ScrollAreaOwnerState, 'root' | 'viewport' | 'track' | 'thumb'>;
   Select?: ComponentConfig<Record<string, unknown>, 'root' | 'value' | 'valueArea' | 'valueGhost' | 'listbox'>;
+  NavGroup?: ComponentConfig<Record<string, unknown>, 'root' | 'label' | 'list'>;
+  NavLink?: ComponentConfig<Record<string, unknown>, 'root' | 'label' | 'note'>;
+  NavTree?: ComponentConfig<Record<string, unknown>, 'root'>;
   Sidebar?: ComponentConfig<Record<string, unknown>, 'root' | 'rail' | 'panel'>;
-  SidebarItem?: ComponentConfig;
+  SidebarItem?: ComponentConfig<Record<string, unknown>, 'root' | 'pill'>;
   Skeleton?: ComponentConfig<Record<string, unknown>, 'root' | 'content'>;
   Switch?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'track' | 'thumb' | 'label'>;
   Tab?: ComponentConfig<TabOwnerState, 'root' | 'label' | 'icon' | 'secondaryAction' | 'close'>;
@@ -989,8 +982,6 @@ declare const baseTheme: Theme;
  * breakpoints has the same helpers on `theme.breakpoints`.
  */
 declare const up: (from: import("@soroush.tech/styled-system").BreakpointInput) => string, down: (to: import("@soroush.tech/styled-system").BreakpointInput) => string, only: (key: string) => string, between: (from: import("@soroush.tech/styled-system").BreakpointInput, to: import("@soroush.tech/styled-system").BreakpointInput) => string, not: (key: string) => string, containerQueries: import("@soroush.tech/styled-system").ContainerQueries;
-//#endregion
-//#region src/style/styled.d.ts
 /**
  * Design-system additions to Emotion's styled options. A styled root that passes
  * `name` becomes theme-customizable: `theme.components[name]` may contribute
@@ -1052,5 +1043,4 @@ interface CreateThemedStyled extends StyledTags {
  * customization (`theme.components[name].styleOverrides` / `.variants`).
  */
 declare const styled: CreateThemedStyled;
-//#endregion
 export { TabScrollButtonOwnerState as $, typography$1 as $t, FabOwnerState as A, TransferListOwnerState as At, MenuOwnerState as B, fontSizes as Bt, CollapseOwnerState as C, ThemeText as Ct, ContextMenuOwnerState as D, ThemeTypographyVariants as Dt, ComponentVariant as E, ThemeTransitions as Et, LayoutPanel as F, between as Ft, PressableOwnerState as G, letterSpacings as Gt, OpenScale as H, fonts as Ht, LayoutPanels as I, borderWidths as It, ScrollAreaOwnerState as J, only as Jt, RangeInputOwnerState as K, lineHeights as Kt, LayoutSpace as L, breakpoints as Lt, LayoutContent as M, TypographyVariantStyle as Mt, LayoutEntry as N, avatar as Nt, DefaultBreakpoints as O, ThemeZOrder as Ot, LayoutLength as P, baseTheme as Pt, TabPanelOwnerState as Q, transitions as Qt, MenuItemOwnerState as R, containerQueries as Rt, ChipOwnerState as S, ThemeSwitch as St, ComponentStyle as T, ThemeTransitionEasing as Tt, PaletteColor as U, icon as Ut, NumberInputOwnerState as V, fontWeights as Vt, PaletteEntry as W, layout$1 as Wt, SnackbarOwnerState as X, sizes as Xt, SizeEntry as Y, radii as Yt, TabOwnerState as Z, space$1 as Zt, ButtonVariants as _, ViewBorderWidthToken as _n, ThemeRadii as _t, ThemeCustomizationOptions as a, BreakpointHelpers as an, ThemeBorder as at, CardSlotIconProps as b, ThemeSkeleton as bt, AccordionOwnerState as c, PaperElevation as cn, ThemeComponents as ct, AutocompleteOwnerState as d, FlexProps as dn, ThemeFonts as dt, up as en, TabsOwnerState as et, BadgeOwnerState as f, GapToken as fn, ThemeIconSizes as ft, ButtonOwnerState as g, ViewBorderRadiusToken as gn, ThemePalette as gt, BreakpointOverrides as h, ViewBorderColorToken as hn, ThemeLineHeights as ht, props as i, createTheme as in, ThemeBackground as it, LayoutBars as j, TypographyVariant as jt, FabMenuOwnerState as k, TooltipOwnerState as kt, AccordionSummaryOwnerState as l, PaperProps as ln, ThemeDefaults as lt, BreakpointKey as m, ViewBackgroundToken as mn, ThemeLetterSpacings as mt, css$1 as n, DeepPartial as nn, Theme as nt, styled as o, withBreakpointHelpers as on, ThemeBorderWidths as ot, BreadcrumbsOwnerState as p, View as pn, ThemeLayout as pt, RatingOwnerState as q, not as qt, keyframes as r, ThemeOverride as rn, ThemeAvatarSizes as rt, AccordionGroupOwnerState as s, Paper as sn, ThemeBreakpoints as st, createShouldForwardProp as t, zOrder as tn, TabsVariants as tt, AlertOwnerState as u, Flex as un, ThemeFontWeights as ut, CSSObject$1 as v, ViewColorToken as vn, ThemeShadow as vt, ComponentConfig as w, ThemeTransitionDuration as wt, CardSlotTypographyProps as x, ThemeSpace as xt, CardOwnerState as y, ViewProps as yn, ThemeSizes as yt, MenuListOwnerState as z, down as zt };

package/dist/{index-BitQk7Hx.d.cts → index-C_J58B_n.d.mts}

@@ -1,6 +1,5 @@
-import { nt as Theme } from "./index-XN4-ZqTB.cjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
 import { MouseEvent, ReactNode } from "react";
-//#region src/Tabs/TabScrollButton/TabScrollButton.d.ts
 /** Which way a scroll button scrolls a row of tabs: towards its start, or its end. */
 type TabScrollDirection = 'start' | 'end';
 interface TabScrollButtonProps {
@@ -30,5 +29,4 @@ interface TabScrollButtonProps {
  * `slots={{ scrollButton }}`, given these same props.
  */
 declare function TabScrollButton({ direction, orientation, disabled, isHidden, color: colorProp, textColor: textColorProp, onClick, children, className, 'data-testid': dataTestid }: Readonly<TabScrollButtonProps>): import("react").JSX.Element;
-//#endregion
 export { TabScrollButtonProps as n, TabScrollDirection as r, TabScrollButton as t };

package/dist/{index-vBCN6iAz.d.mts → index-CfB7OceY.d.cts}

@@ -1,6 +1,5 @@
-import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-CRQ7XLri.mjs";
+import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-Lsm4v8fB.cjs";
 import { ComponentType, ReactNode } from "react";
-//#region src/theme/ThemeProvider.d.ts
 interface ThemeProviderProps {
   children: ReactNode;
   /**
@@ -16,8 +15,6 @@ interface ThemeProviderProps {
   defaults?: ThemeDefaults;
 }
 declare function ThemeProvider({ children, theme, defaults }: Readonly<ThemeProviderProps>): import("react").JSX.Element;
-//#endregion
-//#region src/theme/LayoutProvider.d.ts
 interface LayoutProviderProps {
   /**
    * The page's layout: `theme.layout`'s shape - `content`, `panels`, `bars` per breakpoint -
@@ -34,8 +31,6 @@ interface LayoutProviderProps {
  * switching and every other token stay the app theme's. Nested providers stack.
  */
 declare function LayoutProvider({ layout, children }: Readonly<LayoutProviderProps>): import("react").JSX.Element;
-//#endregion
-//#region src/theme/utils/themeDefault.d.ts
 /**
  * Resolves a component's default token/variant key: the theme's optional
  * `defaults` override wins, otherwise the component's literal `fallback`.
@@ -44,15 +39,11 @@ declare function LayoutProvider({ layout, children }: Readonly<LayoutProviderPro
  * yet overridable per theme or via `ThemeProvider`'s `defaults` prop.
  */
 declare const themeDefault: <K extends keyof ThemeDefaults>(theme: Theme, key: K, fallback: NonNullable<ThemeDefaults[K]>) => NonNullable<ThemeDefaults[K]>;
-//#endregion
-//#region src/theme/hooks/useTheme.d.ts
 /**
  * The active theme, typed as this package's own `Theme` - Emotion is an
  * internal implementation detail, never part of the public type surface.
  */
 declare const useTheme: () => Theme;
-//#endregion
-//#region src/theme/hooks/useDefaultProps.d.ts
 type DefaultPropsOf<N extends keyof ThemeComponents> = NonNullable<NonNullable<ThemeComponents[N]>['defaultProps']>;
 /**
  * The theme-contributed default prop values for a component
@@ -62,10 +53,7 @@ type DefaultPropsOf<N extends keyof ThemeComponents> = NonNullable<NonNullable<T
  * explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
  */
 declare function useDefaultProps<N extends keyof ThemeComponents>(name: N): DefaultPropsOf<N>;
-//#endregion
-//#region src/theme/hoc/withTheme.d.ts
 declare function withTheme<P extends object>(WrappedComponent: ComponentType<P & {
   theme: Theme;
 }>): (props: P) => import("react").JSX.Element;
-//#endregion
 export { LayoutProvider as a, themeDefault as i, useDefaultProps as n, LayoutProviderProps as o, useTheme as r, ThemeProvider as s, withTheme as t };

package/dist/{index-BUeqNHjb.d.cts → index-Cjh607-v.d.cts}

@@ -1,7 +1,6 @@
-import { U as PaletteColor, nt as Theme } from "./index-XN4-ZqTB.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-Lsm4v8fB.cjs";
 import { ButtonHTMLAttributes, ElementType } from "react";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
-//#region src/Pressable/Pressable.d.ts
 /**
  * Press feedback: `none` leaves the wrapped content untouched, `opacity` dims it
  * while held, `highlight` tints the surface behind it while held.
@@ -45,5 +44,4 @@ interface PressableProps extends Omit<ButtonHTMLAttributes<HTMLElement>, 'color'
  * dims, or the surface tints.
  */
 declare function Pressable({ as, feedback, color, activeOpacity, href, target, rel, type, disabled, onClick, onKeyDown, onKeyUp, ...rest }: Readonly<PressableProps>): import("react").JSX.Element;
-//#endregion
 export { PressableProps as i, PressableColor as n, PressableFeedback as r, Pressable as t };