@soroush.tech/design-system 2.0.0 → 2.1.0-alpha.1

package/dist/index-Biqpy7c9.d.cts

@@ -0,0 +1,44 @@
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
+import { t as MenuItemValue } from "./MenuListContext-AnAxu0he.cjs";
+import { AriaAttributes, KeyboardEvent, ReactNode } from "react";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
+interface MenuListProps extends SpaceProps<Theme>, LayoutProps<Theme> {
+  /** `MenuItem` rows and `MenuDivider`s. */
+  children?: ReactNode;
+  /** Fired with a row's `value` when a row that has one is chosen. */
+  onSelect?: (value: MenuItemValue) => void;
+  /** Carry the arrow keys past the last row to the first, and back. Default: `true`. */
+  shouldWrap?: boolean;
+  /** Focus the selected row, or the first enabled one, on mount. Default: `false`. */
+  shouldAutoFocus?: boolean;
+  /** Accent color for every row - resolves to `theme.palette[color]`. A row's own value wins. */
+  color?: keyof Theme['palette'];
+  /** Base text color for every row - resolves against `theme.text`. A row's own value wins. */
+  textColor?: keyof Theme['text'];
+  /** Density token for every row - resolves against `theme.sizes`. A row's own value wins. */
+  size?: keyof Theme['sizes'];
+  /** Compact vertical padding for every row. */
+  dense?: boolean;
+  onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;
+  id?: string;
+  className?: string;
+  'aria-label'?: string;
+  'aria-labelledby'?: string;
+  'data-testid'?: string;
+}
+/**
+ * What an app may put on the `role="menu"` list a `Menu` or a `ContextMenu` renders, through
+ * `slotProps.list`: its marks (`data-*`), class, `aria-*` and an `onKeyDown`, which runs before the
+ * list's own. The list's `role`, `id` and name are the menu's, and win.
+ */
+type MenuListSlotProps = Pick<MenuListProps, 'className' | 'data-testid' | 'onKeyDown'> & Omit<AriaAttributes, 'aria-label' | 'aria-labelledby'> & {
+  [name: `data-${string}`]: string | number | boolean | undefined;
+};
+/**
+ * @description A `role="menu"` list that owns the keyboard: the arrow keys, Home and End
+ * move focus between its own rows, skipping disabled ones; typing jumps to a row by its
+ * label. Rows are found in the DOM by their nearest `role="menu"`, so a nested submenu's
+ * rows are never this list's. Renders in place - `Menu` floats one next to a trigger.
+ */
+declare function MenuList({ children, onSelect, shouldWrap: shouldWrapProp, shouldAutoFocus, color, textColor, size, dense, onKeyDown, ...rest }: Readonly<MenuListProps>): import("react").JSX.Element;
+export { MenuListProps as n, MenuListSlotProps as r, MenuList as t };

package/dist/{index-CKywwIep.d.mts → index-C-ebcNOc.d.mts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-CR8qkP8U.mjs";
+import { U as PaletteColor, nt as Theme } from "./index-DOH6uskj.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 type PaginationItemType = 'page' | 'first' | 'previous' | 'next' | 'last' | 'start-ellipsis' | 'end-ellipsis';

package/dist/{index-Lsm4v8fB.d.cts → index-C6a3kDn2.d.cts}

@@ -550,6 +550,9 @@ interface TooltipOwnerState {
   enterTouchDelay?: number;
   leaveTouchDelay?: number;
   shouldDescribeChild?: boolean;
+  isDescriptionPersistent?: boolean;
+  isInteractive?: boolean;
+  shouldWrapDisabledChild?: boolean;
   shouldOpenOnHover?: boolean;
   shouldOpenOnFocus?: boolean;
   shouldOpenOnTouch?: boolean;

package/dist/{index-RaDENVX_.d.cts → index-C9nnnfhd.d.cts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-Lsm4v8fB.cjs";
-import { n as IconProps, r as IconName } from "./index-CAt0-L4i.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
+import { n as IconProps, r as IconName } from "./index-DAJ5DVHh.cjs";
 import { ButtonHTMLAttributes } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type TableSortLabelDirection = 'asc' | 'desc';

package/dist/{index-BuAKhHMs.d.cts → index-CBHCGizS.d.mts}

@@ -1,4 +1,4 @@
-import { i as ButtonProps } from "./index-BzQze7eY.cjs";
+import { i as ButtonProps } from "./index-CCEfrBNN.mjs";
 import { ReactNode, Ref } from "react";
 type FabVariant = 'circular' | 'extended';
 type FabButtonProps = Omit<ButtonProps, 'variant' | 'shape' | 'endIcon' | 'loading' | 'loadingIndicator' | 'loadingPosition' | 'fullWidth' | 'href' | 'target' | 'rel' | 'gap'>;

package/dist/{index-BChRNCld.d.mts → index-CCEfrBNN.d.mts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-CR8qkP8U.mjs";
+import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-DOH6uskj.mjs";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes, ReactNode } from "react";
 /** Augmentable via the `ButtonVariants` interface - style new values through `theme.components.Button.variants`. */

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

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-C6a3kDn2.cjs";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type PaginationItemType = 'page' | 'first' | 'previous' | 'next' | 'last' | 'start-ellipsis' | 'end-ellipsis';

package/dist/index-CJMvoc8h.d.cts

@@ -0,0 +1 @@
+import "./index-C6a3kDn2.cjs";

package/dist/{index-C2a-5yop.d.mts → index-COgZvhXQ.d.mts}

@@ -1,4 +1,4 @@
-import { jt as TypographyVariant, nt as Theme } from "./index-CR8qkP8U.mjs";
+import { jt as TypographyVariant, nt as Theme } from "./index-DOH6uskj.mjs";
 import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';

package/dist/{index-BC9S8Fpr.d.cts → index-CP55_Zs2.d.mts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
 type ModalCloseReason = 'escapeKey' | 'backdropClick';
 type EventHandlers = Record<string, ((event: SyntheticEvent) => void) | undefined>;

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

@@ -1,7 +1,8 @@
-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 { cn as PaperElevation, nt as Theme } from "./index-C6a3kDn2.cjs";
+import "./index-CJMvoc8h.cjs";
+import { t as MenuItemValue } from "./MenuListContext-AnAxu0he.cjs";
+import { r as MenuListSlotProps } from "./index-Biqpy7c9.cjs";
+import { n as MenuItemData } from "./index-Dvx5TRET.cjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref, SyntheticEvent } from "react";
 /** Which edge of its trigger a menu lines up with: the start edge, or the end edge. */
 type MenuAlign = 'start' | 'end';
@@ -56,6 +57,10 @@ interface MenuProps {
   dense?: boolean;
   /** Names the list. Default: the trigger names it (`aria-labelledby`). */
   'aria-label'?: string;
+  /** Props for a part: `list` is the `role="menu"` list - and every submenu's - for the app's `data-*`, class and `aria-*`. The menu's own `role`, `id` and name win. */
+  slotProps?: {
+    list?: MenuListSlotProps;
+  };
   className?: string;
   'data-testid'?: string;
 }
@@ -66,5 +71,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, borderRadius: borderRadiusProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, 'aria-label': ariaLabel, className, 'data-testid': dataTestid }: Readonly<MenuProps>): import("react").JSX.Element;
+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, slotProps, '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-CfB7OceY.d.cts → index-CtwlReZi.d.cts}

@@ -1,4 +1,4 @@
-import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-Lsm4v8fB.cjs";
+import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-C6a3kDn2.cjs";
 import { ComponentType, ReactNode } from "react";
 interface ThemeProviderProps {
   children: ReactNode;

package/dist/{index-CnVvfG9_.d.mts → index-D0skdQEK.d.mts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-CR8qkP8U.mjs";
+import { U as PaletteColor, nt as Theme } from "./index-DOH6uskj.mjs";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes, ElementType } from "react";
 /**

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

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-C6a3kDn2.cjs";
 import { ButtonHTMLAttributes, ElementType } from "react";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 /**

package/dist/{index-B3Bdupj3.d.mts → index-D7h8qFS1.d.cts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
-import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-3EoagwIe.mjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
+import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-BJ375Sto.cjs";
 import { ReactNode } from "react";
 type CollapseOrientation = 'vertical' | 'horizontal';
 interface CollapseProps extends TransitionCallbacks {

package/dist/{index-BV5BvdeN.d.mts → index-DACdQ7-d.d.cts}

@@ -1,4 +1,4 @@
-import { i as ButtonProps } from "./index-BChRNCld.mjs";
+import { i as ButtonProps } from "./index-gxBafJdz.cjs";
 import { ReactNode, Ref } from "react";
 type FabVariant = 'circular' | 'extended';
 type FabButtonProps = Omit<ButtonProps, 'variant' | 'shape' | 'endIcon' | 'loading' | 'loadingIndicator' | 'loadingPosition' | 'fullWidth' | 'href' | 'target' | 'rel' | 'gap'>;

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

@@ -1,5 +1,5 @@
-import { ft as ThemeIconSizes } from "./index-Lsm4v8fB.cjs";
-import { n as TextColorToken } from "./index-CGyIuCRh.cjs";
+import { ft as ThemeIconSizes } from "./index-C6a3kDn2.cjs";
+import { n as TextColorToken } from "./index-DMysZsti.cjs";
 import { SVGProps } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 declare const SvgAccountTree: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { jt as TypographyVariant, nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { jt as TypographyVariant, nt as Theme } from "./index-C6a3kDn2.cjs";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
 import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';

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

@@ -550,6 +550,9 @@ interface TooltipOwnerState {
   enterTouchDelay?: number;
   leaveTouchDelay?: number;
   shouldDescribeChild?: boolean;
+  isDescriptionPersistent?: boolean;
+  isInteractive?: boolean;
+  shouldWrapDisabledChild?: boolean;
   shouldOpenOnHover?: boolean;
   shouldOpenOnFocus?: boolean;
   shouldOpenOnTouch?: boolean;

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

@@ -1,5 +1,5 @@
-import { a as PaginationItemSize } from "./index-CKywwIep.mjs";
-import "./index-BXlBouWV.mjs";
+import { a as PaginationItemSize } from "./index-C-ebcNOc.mjs";
+import "./index-BFUn2EWp.mjs";
 import { HTMLAttributes } from "react";
 type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';
 interface TablePaginationActionsProps extends HTMLAttributes<HTMLDivElement> {

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

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
 import { MouseEvent, ReactNode } from "react";
 /** Which way a scroll button scrolls a row of tabs: towards its start, or its end. */
 type TabScrollDirection = 'start' | 'end';

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

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
-import { t as MenuItemValue } from "./MenuListContext-DbnAoUdJ.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
+import { t as MenuItemValue } from "./MenuListContext-DURKFg_T.mjs";
 import { ElementType, KeyboardEvent, MouseEvent, ReactNode } from "react";
 type MenuItemColor = keyof Theme['palette'];
 type MenuItemSize = keyof Theme['sizes'];

package/dist/{index-CJYWGPVO.d.mts → index-Dg0FPoms.d.mts}

@@ -1,5 +1,5 @@
-import { t as MenuItemValue } from "./MenuListContext-DbnAoUdJ.mjs";
-import { i as MenuItemRole } from "./index-Dt274Ngt.mjs";
+import { t as MenuItemValue } from "./MenuListContext-DURKFg_T.mjs";
+import { i as MenuItemRole } from "./index-DbKYSbLs.mjs";
 import { KeyboardEvent, MouseEvent, ReactNode } from "react";
 /** A menu row as data - what a `MenuItem` takes, with its label as `label`. */
 interface MenuItemRowData {

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

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 import { MouseEvent, ReactNode } from "react";
 /** Which way a scroll button scrolls a row of tabs: towards its start, or its end. */
 type TabScrollDirection = 'start' | 'end';

package/dist/{index-UiyZAKID.d.mts → index-DsBOpK8T.d.mts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
-import { t as TableCellPadding } from "./TableContext-0hifLOKH.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
+import { t as TableCellPadding } from "./TableContext-CPxH920f.mjs";
 import { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { ElementType, ThHTMLAttributes } from "react";
 /** The table section a cell lives in - drives `TableCell`'s th/td element resolution. */

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

@@ -1,5 +1,5 @@
-import { t as MenuItemValue } from "./MenuListContext-BwgQHUu9.cjs";
-import { i as MenuItemRole } from "./index-Byk1_ms9.cjs";
+import { t as MenuItemValue } from "./MenuListContext-AnAxu0he.cjs";
+import { i as MenuItemRole } from "./index-BKM4d_F4.cjs";
 import { KeyboardEvent, MouseEvent, ReactNode } from "react";
 /** A menu row as data - what a `MenuItem` takes, with its label as `label`. */
 interface MenuItemRowData {

package/dist/{index-tOrd12AJ.d.mts → index-Sq75GwA2.d.cts}

@@ -1,7 +1,7 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-BChRNCld.mjs";
-import { SpaceProps } from "@soroush.tech/styled-system";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-gxBafJdz.cjs";
 import { ElementType, HTMLAttributes } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
 type ButtonGroupOrientation = 'horizontal' | 'vertical';
 type ButtonGroupRadius = keyof Theme['radii'];
 interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, SpaceProps<Theme> {

package/dist/{index-BAzMLTVi.d.mts → index-ZyigJMkV.d.mts}

@@ -1,7 +1,8 @@
-import { cn as PaperElevation, nt as Theme } from "./index-CR8qkP8U.mjs";
-import "./index-1Xzj0iAs.mjs";
-import { t as MenuItemValue } from "./MenuListContext-DbnAoUdJ.mjs";
-import { n as MenuItemData } from "./index-CJYWGPVO.mjs";
+import { cn as PaperElevation, nt as Theme } from "./index-DOH6uskj.mjs";
+import "./index-BL5Kj3Ka.mjs";
+import { t as MenuItemValue } from "./MenuListContext-DURKFg_T.mjs";
+import { r as MenuListSlotProps } from "./index-B2XL_zZY.mjs";
+import { n as MenuItemData } from "./index-Dg0FPoms.mjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref, SyntheticEvent } from "react";
 /** Which edge of its trigger a menu lines up with: the start edge, or the end edge. */
 type MenuAlign = 'start' | 'end';
@@ -56,6 +57,10 @@ interface MenuProps {
   dense?: boolean;
   /** Names the list. Default: the trigger names it (`aria-labelledby`). */
   'aria-label'?: string;
+  /** Props for a part: `list` is the `role="menu"` list - and every submenu's - for the app's `data-*`, class and `aria-*`. The menu's own `role`, `id` and name win. */
+  slotProps?: {
+    list?: MenuListSlotProps;
+  };
   className?: string;
   'data-testid'?: string;
 }
@@ -66,5 +71,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, borderRadius: borderRadiusProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, 'aria-label': ariaLabel, className, 'data-testid': dataTestid }: Readonly<MenuProps>): import("react").JSX.Element;
+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, slotProps, '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-Bo45R0nD.d.cts → index-gHMydoIS.d.cts}

@@ -1,7 +1,7 @@
-import { nt as Theme, tt as TabsVariants } from "./index-Lsm4v8fB.cjs";
-import "./index-CfB7OceY.cjs";
-import { t as TabValue } from "./TabsContext-MpMEEVuB.cjs";
-import { n as TabScrollButtonProps } from "./index-CQeTS_zL.cjs";
+import { nt as Theme, tt as TabsVariants } from "./index-C6a3kDn2.cjs";
+import "./index-CtwlReZi.cjs";
+import { t as TabValue } from "./TabsContext-DeP8oJpC.cjs";
+import { n as TabScrollButtonProps } from "./index-DTJN6JL2.cjs";
 import { ComponentType, ReactNode, Ref } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type TabsVariant = keyof TabsVariants;

package/dist/{index-BzQze7eY.d.cts → index-gxBafJdz.d.cts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-C6a3kDn2.cjs";
 import { ButtonHTMLAttributes, ReactNode } from "react";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 /** Augmentable via the `ButtonVariants` interface - style new values through `theme.components.Button.variants`. */

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

@@ -1,5 +1,5 @@
-import { ft as ThemeIconSizes } from "./index-CR8qkP8U.mjs";
-import { n as TextColorToken } from "./index-C2a-5yop.mjs";
+import { ft as ThemeIconSizes } from "./index-DOH6uskj.mjs";
+import { n as TextColorToken } from "./index-COgZvhXQ.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { SVGProps } from "react";
 declare const SvgAccountTree: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

package/dist/{index-CF_pl72E.d.mts → index-i8BxMDEC.d.mts}

@@ -1,4 +1,4 @@
-import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-CR8qkP8U.mjs";
+import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-DOH6uskj.mjs";
 import { ComponentType, ReactNode } from "react";
 interface ThemeProviderProps {
   children: ReactNode;

package/dist/{index-BXlBouWV.d.mts → index-v1I6VA9w.d.cts}

@@ -1,7 +1,7 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
-import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-CKywwIep.mjs";
-import { SpaceProps } from "@soroush.tech/styled-system";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
+import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-CHWMSBhQ.cjs";
 import { HTMLAttributes } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
 type PaginationColor = PaginationItemColor;
 type PaginationVariant = PaginationItemVariant;
 type PaginationShape = PaginationItemShape;

package/dist/index.d.cts

@@ -1,3 +1,3 @@
-import { U as PaletteColor, a as ThemeCustomizationOptions, i as props, n as css, nt as Theme, o as styled, r as keyframes, t as createShouldForwardProp, v as CSSObject } from "./index-Lsm4v8fB.cjs";
+import { U as PaletteColor, a as ThemeCustomizationOptions, i as props, n as css, nt as Theme, o as styled, r as keyframes, t as createShouldForwardProp, v as CSSObject } from "./index-C6a3kDn2.cjs";
 export * from "@soroush.tech/styled-system";
 export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/index.d.mts

@@ -1,3 +1,3 @@
-import { U as PaletteColor, a as ThemeCustomizationOptions, i as props, n as css, nt as Theme, o as styled, r as keyframes, t as createShouldForwardProp, v as CSSObject } from "./index-CR8qkP8U.mjs";
+import { U as PaletteColor, a as ThemeCustomizationOptions, i as props, n as css, nt as Theme, o as styled, r as keyframes, t as createShouldForwardProp, v as CSSObject } from "./index-DOH6uskj.mjs";
 export * from "@soroush.tech/styled-system";
 export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/style.d.cts

@@ -1,5 +1,5 @@
-import { nt as Theme, v as CSSObject } from "./index-Lsm4v8fB.cjs";
-import "./index-CfB7OceY.cjs";
+import { nt as Theme, v as CSSObject } from "./index-C6a3kDn2.cjs";
+import "./index-CtwlReZi.cjs";
 import { ComponentType, ReactNode } from "react";
 type StyleFactory = {
   getStyles: (theme: Theme) => CSSObject;

package/dist/style.d.mts

@@ -1,5 +1,5 @@
-import { nt as Theme, v as CSSObject } from "./index-CR8qkP8U.mjs";
-import "./index-CF_pl72E.mjs";
+import { nt as Theme, v as CSSObject } from "./index-DOH6uskj.mjs";
+import "./index-i8BxMDEC.mjs";
 import { ComponentType, ReactNode } from "react";
 type StyleFactory = {
   getStyles: (theme: Theme) => CSSObject;

package/dist/theme.d.cts

@@ -1,3 +1,3 @@
-import { $ as TabScrollButtonOwnerState, $t as typography, A as FabOwnerState, At as TransferListOwnerState, B as MenuOwnerState, Bt as fontSizes, C as CollapseOwnerState, Ct as ThemeText, D as ContextMenuOwnerState, Dt as ThemeTypographyVariants, E as ComponentVariant, Et as ThemeTransitions, F as LayoutPanel, Ft as between, G as PressableOwnerState, Gt as letterSpacings, H as OpenScale, Ht as fonts, I as LayoutPanels, It as borderWidths, J as ScrollAreaOwnerState, Jt as only, K as RangeInputOwnerState, Kt as lineHeights, L as LayoutSpace, Lt as breakpoints, M as LayoutContent, Mt as TypographyVariantStyle, N as LayoutEntry, Nt as avatar, O as DefaultBreakpoints, Ot as ThemeZOrder, P as LayoutLength, Pt as baseTheme, Q as TabPanelOwnerState, Qt as transitions, R as MenuItemOwnerState, Rt as containerQueries, S as ChipOwnerState, St as ThemeSwitch, T as ComponentStyle, Tt as ThemeTransitionEasing, U as PaletteColor, Ut as icon, V as NumberInputOwnerState, Vt as fontWeights, W as PaletteEntry, Wt as layout, X as SnackbarOwnerState, Xt as sizes, Y as SizeEntry, Yt as radii, Z as TabOwnerState, Zt as space, _ as ButtonVariants, _t as ThemeRadii, an as BreakpointHelpers, at as ThemeBorder, b as CardSlotIconProps, bt as ThemeSkeleton, c as AccordionOwnerState, ct as ThemeComponents, d as AutocompleteOwnerState, dt as ThemeFonts, en as up, et as TabsOwnerState, f as BadgeOwnerState, ft as ThemeIconSizes, g as ButtonOwnerState, gt as ThemePalette, h as BreakpointOverrides, ht as ThemeLineHeights, in as createTheme, it as ThemeBackground, j as LayoutBars, jt as TypographyVariant, k as FabMenuOwnerState, kt as TooltipOwnerState, l as AccordionSummaryOwnerState, lt as ThemeDefaults, m as BreakpointKey, mt as ThemeLetterSpacings, nn as DeepPartial, nt as Theme, on as withBreakpointHelpers, ot as ThemeBorderWidths, p as BreadcrumbsOwnerState, pt as ThemeLayout, q as RatingOwnerState, qt as not, rn as ThemeOverride, rt as ThemeAvatarSizes, s as AccordionGroupOwnerState, st as ThemeBreakpoints, tn as zOrder, tt as TabsVariants, u as AlertOwnerState, ut as ThemeFontWeights, v as CSSObject, vt as ThemeShadow, w as ComponentConfig, wt as ThemeTransitionDuration, x as CardSlotTypographyProps, xt as ThemeSpace, y as CardOwnerState, yt as ThemeSizes, z as MenuListOwnerState, zt as down } from "./index-Lsm4v8fB.cjs";
-import { a as LayoutProvider, i as themeDefault, n as useDefaultProps, o as LayoutProviderProps, r as useTheme, s as ThemeProvider, t as withTheme } from "./index-CfB7OceY.cjs";
+import { $ as TabScrollButtonOwnerState, $t as typography, A as FabOwnerState, At as TransferListOwnerState, B as MenuOwnerState, Bt as fontSizes, C as CollapseOwnerState, Ct as ThemeText, D as ContextMenuOwnerState, Dt as ThemeTypographyVariants, E as ComponentVariant, Et as ThemeTransitions, F as LayoutPanel, Ft as between, G as PressableOwnerState, Gt as letterSpacings, H as OpenScale, Ht as fonts, I as LayoutPanels, It as borderWidths, J as ScrollAreaOwnerState, Jt as only, K as RangeInputOwnerState, Kt as lineHeights, L as LayoutSpace, Lt as breakpoints, M as LayoutContent, Mt as TypographyVariantStyle, N as LayoutEntry, Nt as avatar, O as DefaultBreakpoints, Ot as ThemeZOrder, P as LayoutLength, Pt as baseTheme, Q as TabPanelOwnerState, Qt as transitions, R as MenuItemOwnerState, Rt as containerQueries, S as ChipOwnerState, St as ThemeSwitch, T as ComponentStyle, Tt as ThemeTransitionEasing, U as PaletteColor, Ut as icon, V as NumberInputOwnerState, Vt as fontWeights, W as PaletteEntry, Wt as layout, X as SnackbarOwnerState, Xt as sizes, Y as SizeEntry, Yt as radii, Z as TabOwnerState, Zt as space, _ as ButtonVariants, _t as ThemeRadii, an as BreakpointHelpers, at as ThemeBorder, b as CardSlotIconProps, bt as ThemeSkeleton, c as AccordionOwnerState, ct as ThemeComponents, d as AutocompleteOwnerState, dt as ThemeFonts, en as up, et as TabsOwnerState, f as BadgeOwnerState, ft as ThemeIconSizes, g as ButtonOwnerState, gt as ThemePalette, h as BreakpointOverrides, ht as ThemeLineHeights, in as createTheme, it as ThemeBackground, j as LayoutBars, jt as TypographyVariant, k as FabMenuOwnerState, kt as TooltipOwnerState, l as AccordionSummaryOwnerState, lt as ThemeDefaults, m as BreakpointKey, mt as ThemeLetterSpacings, nn as DeepPartial, nt as Theme, on as withBreakpointHelpers, ot as ThemeBorderWidths, p as BreadcrumbsOwnerState, pt as ThemeLayout, q as RatingOwnerState, qt as not, rn as ThemeOverride, rt as ThemeAvatarSizes, s as AccordionGroupOwnerState, st as ThemeBreakpoints, tn as zOrder, tt as TabsVariants, u as AlertOwnerState, ut as ThemeFontWeights, v as CSSObject, vt as ThemeShadow, w as ComponentConfig, wt as ThemeTransitionDuration, x as CardSlotTypographyProps, xt as ThemeSpace, y as CardOwnerState, yt as ThemeSizes, z as MenuListOwnerState, zt as down } from "./index-C6a3kDn2.cjs";
+import { a as LayoutProvider, i as themeDefault, n as useDefaultProps, o as LayoutProviderProps, r as useTheme, s as ThemeProvider, t as withTheme } from "./index-CtwlReZi.cjs";
 export { AccordionGroupOwnerState, AccordionOwnerState, AccordionSummaryOwnerState, AlertOwnerState, AutocompleteOwnerState, BadgeOwnerState, BreadcrumbsOwnerState, BreakpointHelpers, BreakpointKey, BreakpointOverrides, ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ChipOwnerState, CollapseOwnerState, ComponentConfig, ComponentStyle, ComponentVariant, ContextMenuOwnerState, type DeepPartial, DefaultBreakpoints, FabMenuOwnerState, FabOwnerState, LayoutBars, LayoutContent, LayoutEntry, LayoutLength, LayoutPanel, LayoutPanels, LayoutProvider, LayoutProviderProps, LayoutSpace, MenuItemOwnerState, MenuListOwnerState, MenuOwnerState, NumberInputOwnerState, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, RangeInputOwnerState, RatingOwnerState, ScrollAreaOwnerState, SizeEntry, SnackbarOwnerState, TabOwnerState, TabPanelOwnerState, TabScrollButtonOwnerState, TabsOwnerState, TabsVariants, Theme, ThemeAvatarSizes, ThemeBackground, ThemeBorder, ThemeBorderWidths, ThemeBreakpoints, ThemeComponents, ThemeDefaults, ThemeFontWeights, ThemeFonts, ThemeIconSizes, ThemeLayout, ThemeLetterSpacings, ThemeLineHeights, type ThemeOverride, ThemePalette, ThemeProvider, ThemeRadii, ThemeShadow, ThemeSizes, ThemeSkeleton, ThemeSpace, ThemeSwitch, ThemeText, ThemeTransitionDuration, ThemeTransitionEasing, ThemeTransitions, ThemeTypographyVariants, ThemeZOrder, TooltipOwnerState, TransferListOwnerState, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, between, borderWidths, breakpoints, containerQueries, createTheme, down, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, not, only, radii, sizes, space, themeDefault, transitions, typography, up, useDefaultProps, useTheme, withBreakpointHelpers, withTheme, zOrder };

package/dist/theme.d.mts

@@ -1,3 +1,3 @@
-import { $ as TabScrollButtonOwnerState, $t as typography, A as FabOwnerState, At as TransferListOwnerState, B as MenuOwnerState, Bt as fontSizes, C as CollapseOwnerState, Ct as ThemeText, D as ContextMenuOwnerState, Dt as ThemeTypographyVariants, E as ComponentVariant, Et as ThemeTransitions, F as LayoutPanel, Ft as between, G as PressableOwnerState, Gt as letterSpacings, H as OpenScale, Ht as fonts, I as LayoutPanels, It as borderWidths, J as ScrollAreaOwnerState, Jt as only, K as RangeInputOwnerState, Kt as lineHeights, L as LayoutSpace, Lt as breakpoints, M as LayoutContent, Mt as TypographyVariantStyle, N as LayoutEntry, Nt as avatar, O as DefaultBreakpoints, Ot as ThemeZOrder, P as LayoutLength, Pt as baseTheme, Q as TabPanelOwnerState, Qt as transitions, R as MenuItemOwnerState, Rt as containerQueries, S as ChipOwnerState, St as ThemeSwitch, T as ComponentStyle, Tt as ThemeTransitionEasing, U as PaletteColor, Ut as icon, V as NumberInputOwnerState, Vt as fontWeights, W as PaletteEntry, Wt as layout, X as SnackbarOwnerState, Xt as sizes, Y as SizeEntry, Yt as radii, Z as TabOwnerState, Zt as space, _ as ButtonVariants, _t as ThemeRadii, an as BreakpointHelpers, at as ThemeBorder, b as CardSlotIconProps, bt as ThemeSkeleton, c as AccordionOwnerState, ct as ThemeComponents, d as AutocompleteOwnerState, dt as ThemeFonts, en as up, et as TabsOwnerState, f as BadgeOwnerState, ft as ThemeIconSizes, g as ButtonOwnerState, gt as ThemePalette, h as BreakpointOverrides, ht as ThemeLineHeights, in as createTheme, it as ThemeBackground, j as LayoutBars, jt as TypographyVariant, k as FabMenuOwnerState, kt as TooltipOwnerState, l as AccordionSummaryOwnerState, lt as ThemeDefaults, m as BreakpointKey, mt as ThemeLetterSpacings, nn as DeepPartial, nt as Theme, on as withBreakpointHelpers, ot as ThemeBorderWidths, p as BreadcrumbsOwnerState, pt as ThemeLayout, q as RatingOwnerState, qt as not, rn as ThemeOverride, rt as ThemeAvatarSizes, s as AccordionGroupOwnerState, st as ThemeBreakpoints, tn as zOrder, tt as TabsVariants, u as AlertOwnerState, ut as ThemeFontWeights, v as CSSObject, vt as ThemeShadow, w as ComponentConfig, wt as ThemeTransitionDuration, x as CardSlotTypographyProps, xt as ThemeSpace, y as CardOwnerState, yt as ThemeSizes, z as MenuListOwnerState, zt as down } from "./index-CR8qkP8U.mjs";
-import { a as LayoutProvider, i as themeDefault, n as useDefaultProps, o as LayoutProviderProps, r as useTheme, s as ThemeProvider, t as withTheme } from "./index-CF_pl72E.mjs";
+import { $ as TabScrollButtonOwnerState, $t as typography, A as FabOwnerState, At as TransferListOwnerState, B as MenuOwnerState, Bt as fontSizes, C as CollapseOwnerState, Ct as ThemeText, D as ContextMenuOwnerState, Dt as ThemeTypographyVariants, E as ComponentVariant, Et as ThemeTransitions, F as LayoutPanel, Ft as between, G as PressableOwnerState, Gt as letterSpacings, H as OpenScale, Ht as fonts, I as LayoutPanels, It as borderWidths, J as ScrollAreaOwnerState, Jt as only, K as RangeInputOwnerState, Kt as lineHeights, L as LayoutSpace, Lt as breakpoints, M as LayoutContent, Mt as TypographyVariantStyle, N as LayoutEntry, Nt as avatar, O as DefaultBreakpoints, Ot as ThemeZOrder, P as LayoutLength, Pt as baseTheme, Q as TabPanelOwnerState, Qt as transitions, R as MenuItemOwnerState, Rt as containerQueries, S as ChipOwnerState, St as ThemeSwitch, T as ComponentStyle, Tt as ThemeTransitionEasing, U as PaletteColor, Ut as icon, V as NumberInputOwnerState, Vt as fontWeights, W as PaletteEntry, Wt as layout, X as SnackbarOwnerState, Xt as sizes, Y as SizeEntry, Yt as radii, Z as TabOwnerState, Zt as space, _ as ButtonVariants, _t as ThemeRadii, an as BreakpointHelpers, at as ThemeBorder, b as CardSlotIconProps, bt as ThemeSkeleton, c as AccordionOwnerState, ct as ThemeComponents, d as AutocompleteOwnerState, dt as ThemeFonts, en as up, et as TabsOwnerState, f as BadgeOwnerState, ft as ThemeIconSizes, g as ButtonOwnerState, gt as ThemePalette, h as BreakpointOverrides, ht as ThemeLineHeights, in as createTheme, it as ThemeBackground, j as LayoutBars, jt as TypographyVariant, k as FabMenuOwnerState, kt as TooltipOwnerState, l as AccordionSummaryOwnerState, lt as ThemeDefaults, m as BreakpointKey, mt as ThemeLetterSpacings, nn as DeepPartial, nt as Theme, on as withBreakpointHelpers, ot as ThemeBorderWidths, p as BreadcrumbsOwnerState, pt as ThemeLayout, q as RatingOwnerState, qt as not, rn as ThemeOverride, rt as ThemeAvatarSizes, s as AccordionGroupOwnerState, st as ThemeBreakpoints, tn as zOrder, tt as TabsVariants, u as AlertOwnerState, ut as ThemeFontWeights, v as CSSObject, vt as ThemeShadow, w as ComponentConfig, wt as ThemeTransitionDuration, x as CardSlotTypographyProps, xt as ThemeSpace, y as CardOwnerState, yt as ThemeSizes, z as MenuListOwnerState, zt as down } from "./index-DOH6uskj.mjs";
+import { a as LayoutProvider, i as themeDefault, n as useDefaultProps, o as LayoutProviderProps, r as useTheme, s as ThemeProvider, t as withTheme } from "./index-i8BxMDEC.mjs";
 export { AccordionGroupOwnerState, AccordionOwnerState, AccordionSummaryOwnerState, AlertOwnerState, AutocompleteOwnerState, BadgeOwnerState, BreadcrumbsOwnerState, BreakpointHelpers, BreakpointKey, BreakpointOverrides, ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ChipOwnerState, CollapseOwnerState, ComponentConfig, ComponentStyle, ComponentVariant, ContextMenuOwnerState, type DeepPartial, DefaultBreakpoints, FabMenuOwnerState, FabOwnerState, LayoutBars, LayoutContent, LayoutEntry, LayoutLength, LayoutPanel, LayoutPanels, LayoutProvider, LayoutProviderProps, LayoutSpace, MenuItemOwnerState, MenuListOwnerState, MenuOwnerState, NumberInputOwnerState, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, RangeInputOwnerState, RatingOwnerState, ScrollAreaOwnerState, SizeEntry, SnackbarOwnerState, TabOwnerState, TabPanelOwnerState, TabScrollButtonOwnerState, TabsOwnerState, TabsVariants, Theme, ThemeAvatarSizes, ThemeBackground, ThemeBorder, ThemeBorderWidths, ThemeBreakpoints, ThemeComponents, ThemeDefaults, ThemeFontWeights, ThemeFonts, ThemeIconSizes, ThemeLayout, ThemeLetterSpacings, ThemeLineHeights, type ThemeOverride, ThemePalette, ThemeProvider, ThemeRadii, ThemeShadow, ThemeSizes, ThemeSkeleton, ThemeSpace, ThemeSwitch, ThemeText, ThemeTransitionDuration, ThemeTransitionEasing, ThemeTransitions, ThemeTypographyVariants, ThemeZOrder, TooltipOwnerState, TransferListOwnerState, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, between, borderWidths, breakpoints, containerQueries, createTheme, down, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, not, only, radii, sizes, space, themeDefault, transitions, typography, up, useDefaultProps, useTheme, withBreakpointHelpers, withTheme, zOrder };

package/dist/{useAnchoredPlacement-ee6KzG3t.cjs → useAnchoredPlacement-BSfjNMut.cjs}

@@ -22,9 +22,14 @@ function useAnchoredPlacement({ isOpen, anchorRef, surfaceRef, getOrigins, margi
 	const place = (0, react.useCallback)(() => {
 		const anchor = anchorRef.current;
 		const surface = surfaceRef.current;
-		if (!anchor || !surface) return;
 		const isPoint = pointTop !== void 0;
-		const rect = anchor.getBoundingClientRect();
+		if (!surface) return;
+		if (!anchor && !isPoint) {
+			surface.style.visibility = "hidden";
+			return;
+		}
+		const isBareAnchor = !anchor;
+		const rect = anchor ? anchor.getBoundingClientRect() : new DOMRect(pointLeft, pointTop, 0, 0);
 		const surfaceSize = {
 			width: surface.offsetWidth,
 			height: surface.offsetHeight
@@ -37,7 +42,7 @@ function useAnchoredPlacement({ isOpen, anchorRef, surfaceRef, getOrigins, margi
 			anchorRect: rect,
 			surfaceSize,
 			viewport,
-			isRtl: require_isRtl.isRtl(anchor)
+			isRtl: require_isRtl.isRtl(anchor ?? surface)
 		};
 		const origins = getOrigins(context);
 		const isBesideVertically = OPPOSITE[origins.anchorOrigin.vertical] === origins.transformOrigin.vertical;
@@ -52,8 +57,8 @@ function useAnchoredPlacement({ isOpen, anchorRef, surfaceRef, getOrigins, margi
 			height: rect.height + 2 * gapY
 		};
 		const { top, left } = require_computePopoverPosition.computePopoverPosition({
-			anchorReference: isPoint ? "anchorPosition" : "anchorEl",
-			anchorPosition: isPoint ? {
+			anchorReference: isPoint && !isBareAnchor ? "anchorPosition" : "anchorEl",
+			anchorPosition: isPoint && !isBareAnchor ? {
 				top: pointTop,
 				left: pointLeft
 			} : void 0,

package/dist/{useAnchoredPlacement-COrXZxhm.mjs → useAnchoredPlacement-txSaWzfk.mjs}

@@ -22,9 +22,14 @@ function useAnchoredPlacement({ isOpen, anchorRef, surfaceRef, getOrigins, margi
 	const place = useCallback(() => {
 		const anchor = anchorRef.current;
 		const surface = surfaceRef.current;
-		if (!anchor || !surface) return;
 		const isPoint = pointTop !== void 0;
-		const rect = anchor.getBoundingClientRect();
+		if (!surface) return;
+		if (!anchor && !isPoint) {
+			surface.style.visibility = "hidden";
+			return;
+		}
+		const isBareAnchor = !anchor;
+		const rect = anchor ? anchor.getBoundingClientRect() : new DOMRect(pointLeft, pointTop, 0, 0);
 		const surfaceSize = {
 			width: surface.offsetWidth,
 			height: surface.offsetHeight
@@ -37,7 +42,7 @@ function useAnchoredPlacement({ isOpen, anchorRef, surfaceRef, getOrigins, margi
 			anchorRect: rect,
 			surfaceSize,
 			viewport,
-			isRtl: isRtl(anchor)
+			isRtl: isRtl(anchor ?? surface)
 		};
 		const origins = getOrigins(context);
 		const isBesideVertically = OPPOSITE[origins.anchorOrigin.vertical] === origins.transformOrigin.vertical;
@@ -52,8 +57,8 @@ function useAnchoredPlacement({ isOpen, anchorRef, surfaceRef, getOrigins, margi
 			height: rect.height + 2 * gapY
 		};
 		const { top, left } = computePopoverPosition({
-			anchorReference: isPoint ? "anchorPosition" : "anchorEl",
-			anchorPosition: isPoint ? {
+			anchorReference: isPoint && !isBareAnchor ? "anchorPosition" : "anchorEl",
+			anchorPosition: isPoint && !isBareAnchor ? {
 				top: pointTop,
 				left: pointLeft
 			} : void 0,

package/dist/{useTablePagination-BlD8mK8k.d.mts → useTablePagination-CUsagS5T.d.mts}

@@ -1,4 +1,4 @@
-import { n as TableSortLabelDirection } from "./index-76zijQoi.mjs";
+import { n as TableSortLabelDirection } from "./index-3Xe5X6Ny.mjs";
 /** One column's sort state - spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {
   isActive: boolean;

package/dist/{useTablePagination-CGjb_jPX.d.cts → useTablePagination-jpEfHKUh.d.cts}

@@ -1,4 +1,4 @@
-import { n as TableSortLabelDirection } from "./index-RaDENVX_.cjs";
+import { n as TableSortLabelDirection } from "./index-C9nnnfhd.cjs";
 /** One column's sort state - spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {
   isActive: boolean;

package/dist/{useTransition-3EoagwIe.d.mts → useTransition-BJ375Sto.d.cts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
 import { ReactElement } from "react";
 /** How long a transition takes in milliseconds - one for both ways, or one for each. */
 type TransitionTimeout = number | {

package/dist/{useTransition-C89K0mS7.d.cts → useTransition-DDGpvgci.d.mts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 import { ReactElement } from "react";
 /** How long a transition takes in milliseconds - one for both ways, or one for each. */
 type TransitionTimeout = number | {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/design-system",
-  "version": "2.0.0",
+  "version": "2.1.0-alpha.1",
   "description": "Emotion + @soroush.tech/styled-system React component library - token-driven light/dark themes, layout primitives, forms, and overlays.",
   "keywords": [
     "design-system",

package/dist/index-1Xzj0iAs.d.mts

@@ -1 +0,0 @@
-import "./index-CR8qkP8U.mjs";

package/dist/index-323PrYLR.d.cts

@@ -1 +0,0 @@
-import "./index-Lsm4v8fB.cjs";