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

package/dist/{MenuItem-DXRw3Yca.cjs → MenuItem-Bg4iRvVe.cjs}

@@ -4,8 +4,9 @@ const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_getSurfaceRadius = require("./getSurfaceRadius-DwOn3ALC.cjs");
 const require_Icon = require("./Icon-C5Iz5ekp.cjs");
 const require_isRtl = require("./isRtl-Dl6QQWib.cjs");
-const require_useAnchoredPlacement = require("./useAnchoredPlacement-ee6KzG3t.cjs");
-const require_MenuList = require("./MenuList-DsJmxNPu.cjs");
+const require_useAnchoredPlacement = require("./useAnchoredPlacement-BSfjNMut.cjs");
+const require_MenuList = require("./MenuList-CSaaR3jt.cjs");
+const require_Tooltip = require("./Tooltip-CrPRvmj3.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
@@ -135,7 +136,7 @@ function useMenuPlacement({ isOpen, anchorRef, surfaceRef, placement, align, mar
 */
 function Submenu({ anchorRef, listId, labelledBy, children }) {
 	const menu = useMenuContext();
-	const { align, margin, elevation, layer } = menu;
+	const { align, margin, elevation, layer, listProps } = menu;
 	const surfaceRef = (0, react.useRef)(null);
 	const isFlipped = useMenuPlacement({
 		isOpen: true,
@@ -163,6 +164,7 @@ function Submenu({ anchorRef, listId, labelledBy, children }) {
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuContext.Provider, {
 			value: context,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MenuList.MenuList, {
+				...listProps,
 				id: listId,
 				"aria-labelledby": labelledBy,
 				width: "100%",
@@ -413,10 +415,14 @@ const getRowAria = (state) => ({
 	"aria-expanded": state.hasSubmenu ? state.isSubmenuOpen : void 0,
 	"aria-controls": state.isSubmenuOpen ? state.submenuId : void 0,
 	"aria-checked": state.role === "menuitem" ? void 0 : state.selected,
-	"aria-keyshortcuts": state.keyShortcuts ?? (typeof state.shortcut === "string" ? state.shortcut : void 0),
-	"aria-describedby": state.note ? state.noteId : void 0
+	"aria-keyshortcuts": state.keyShortcuts ?? (typeof state.shortcut === "string" ? state.shortcut : void 0)
 });
 const joinClassNames = (...names) => names.filter(Boolean).join(" ") || void 0;
+const getTick = (role, selected) => role !== "menuitem" && selected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+	name: "check",
+	size: "sm",
+	color: "inherit"
+}) : null;
 /**
 * @description A row of a list. Inside a `MenuList` it is a menu row - a `menuitem`
 * (or `menuitemradio` / `menuitemcheckbox`) with a leading icon column, its label and a
@@ -435,7 +441,6 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 	}, menu);
 	const rootRef = (0, react.useRef)(null);
 	const [isFocusVisible, setIsFocusVisible] = (0, react.useState)(false);
-	const noteId = (0, react.useId)();
 	const fallbackId = (0, react.useId)();
 	const hasSubmenu = isMenu && submenu !== void 0;
 	const { isOpen: isSubmenuOpen, entryRef, listId: submenuId, handleRowFocus, handleRowKeyDown, handleEntryKeyDown, handleEntryBlur } = useSubmenu(rootRef, hasSubmenu && !disabled);
@@ -511,16 +516,13 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 			})
 		}), children]
 	});
-	const tick = role !== "menuitem" && selected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-		name: "check",
-		size: "sm",
-		color: "inherit"
-	}) : null;
 	const rowId = id ?? fallbackId;
 	const hasSecondaryAction = secondaryAction != null;
+	const hasNote = Boolean(note);
+	const isEntry = hasSubmenu || hasSecondaryAction || hasNote;
 	const row = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(MenuItemRoot, {
 		...rootProps,
-		as: hasSubmenu || hasSecondaryAction ? "div" : as,
+		as: isEntry ? "div" : as,
 		id: rowId,
 		role,
 		...getRowAria({
@@ -530,18 +532,15 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 			isSubmenuOpen,
 			submenuId,
 			shortcut,
-			keyShortcuts,
-			note,
-			noteId
+			keyShortcuts
 		}),
-		title: note,
 		onKeyDown: handleKeyDown,
 		onKeyUp: handleKeyUp,
 		onPointerMove: handlePointerMove,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StartIconSlot, {
 				"aria-hidden": true,
-				children: startIcon ?? tick
+				children: startIcon ?? getTick(role, selected)
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LabelSlot, {
 				"data-menu-label": true,
@@ -558,19 +557,23 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 					size: "sm",
 					color: "inherit"
 				})
-			}),
-			note && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				id: noteId,
-				hidden: true,
-				children: note
 			})
 		]
 	});
-	if (!hasSubmenu && !hasSecondaryAction) return row;
+	const noted = hasNote ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
+		title: note,
+		placement: "right",
+		isInteractive: false,
+		shouldDescribeChild: true,
+		isDescriptionPersistent: true,
+		shouldWrapDisabledChild: false,
+		children: row
+	}) : row;
+	if (!isEntry) return row;
 	if (!hasSubmenu) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(EntrySlot, {
 		role: "none",
-		hasSecondaryAction: true,
-		children: [row, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecondaryActionSlot, {
+		hasSecondaryAction,
+		children: [noted, hasSecondaryAction && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecondaryActionSlot, {
 			"aria-hidden": shouldAnnounceSecondaryAction ? void 0 : true,
 			children: secondaryAction
 		})]
@@ -583,7 +586,7 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 		onKeyDown: handleEntryKeyDown,
 		onBlur: handleEntryBlur,
 		children: [
-			row,
+			noted,
 			hasSecondaryAction && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecondaryActionSlot, {
 				"aria-hidden": shouldAnnounceSecondaryAction ? void 0 : true,
 				children: secondaryAction

package/dist/{MenuItem-vXHGPK8g.mjs → MenuItem-kRGVRI6G.mjs}

@@ -4,8 +4,9 @@ import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { t as getSurfaceRadius } from "./getSurfaceRadius-B1QE_VLa.mjs";
 import { t as Icon } from "./Icon-XpXU-SuF.mjs";
 import { t as isRtl } from "./isRtl-DN-EdUlg.mjs";
-import { t as useAnchoredPlacement } from "./useAnchoredPlacement-COrXZxhm.mjs";
-import { a as useMenuListContext, n as getNextRow, r as getOwnRows, t as MenuList } from "./MenuList-CGZgfBno.mjs";
+import { t as useAnchoredPlacement } from "./useAnchoredPlacement-txSaWzfk.mjs";
+import { a as useMenuListContext, n as getNextRow, r as getOwnRows, t as MenuList } from "./MenuList-D7Pvpn_K.mjs";
+import { t as Tooltip } from "./Tooltip-CwbuEQzf.mjs";
 import { Children, createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/Menu/MenuPaper.ts
@@ -134,7 +135,7 @@ function useMenuPlacement({ isOpen, anchorRef, surfaceRef, placement, align, mar
 */
 function Submenu({ anchorRef, listId, labelledBy, children }) {
 	const menu = useMenuContext();
-	const { align, margin, elevation, layer } = menu;
+	const { align, margin, elevation, layer, listProps } = menu;
 	const surfaceRef = useRef(null);
 	const isFlipped = useMenuPlacement({
 		isOpen: true,
@@ -162,6 +163,7 @@ function Submenu({ anchorRef, listId, labelledBy, children }) {
 		children: /* @__PURE__ */ jsx(MenuContext.Provider, {
 			value: context,
 			children: /* @__PURE__ */ jsx(MenuList, {
+				...listProps,
 				id: listId,
 				"aria-labelledby": labelledBy,
 				width: "100%",
@@ -412,10 +414,14 @@ const getRowAria = (state) => ({
 	"aria-expanded": state.hasSubmenu ? state.isSubmenuOpen : void 0,
 	"aria-controls": state.isSubmenuOpen ? state.submenuId : void 0,
 	"aria-checked": state.role === "menuitem" ? void 0 : state.selected,
-	"aria-keyshortcuts": state.keyShortcuts ?? (typeof state.shortcut === "string" ? state.shortcut : void 0),
-	"aria-describedby": state.note ? state.noteId : void 0
+	"aria-keyshortcuts": state.keyShortcuts ?? (typeof state.shortcut === "string" ? state.shortcut : void 0)
 });
 const joinClassNames = (...names) => names.filter(Boolean).join(" ") || void 0;
+const getTick = (role, selected) => role !== "menuitem" && selected ? /* @__PURE__ */ jsx(Icon, {
+	name: "check",
+	size: "sm",
+	color: "inherit"
+}) : null;
 /**
 * @description A row of a list. Inside a `MenuList` it is a menu row - a `menuitem`
 * (or `menuitemradio` / `menuitemcheckbox`) with a leading icon column, its label and a
@@ -434,7 +440,6 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 	}, menu);
 	const rootRef = useRef(null);
 	const [isFocusVisible, setIsFocusVisible] = useState(false);
-	const noteId = useId();
 	const fallbackId = useId();
 	const hasSubmenu = isMenu && submenu !== void 0;
 	const { isOpen: isSubmenuOpen, entryRef, listId: submenuId, handleRowFocus, handleRowKeyDown, handleEntryKeyDown, handleEntryBlur } = useSubmenu(rootRef, hasSubmenu && !disabled);
@@ -510,16 +515,13 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 			})
 		}), children]
 	});
-	const tick = role !== "menuitem" && selected ? /* @__PURE__ */ jsx(Icon, {
-		name: "check",
-		size: "sm",
-		color: "inherit"
-	}) : null;
 	const rowId = id ?? fallbackId;
 	const hasSecondaryAction = secondaryAction != null;
+	const hasNote = Boolean(note);
+	const isEntry = hasSubmenu || hasSecondaryAction || hasNote;
 	const row = /* @__PURE__ */ jsxs(MenuItemRoot, {
 		...rootProps,
-		as: hasSubmenu || hasSecondaryAction ? "div" : as,
+		as: isEntry ? "div" : as,
 		id: rowId,
 		role,
 		...getRowAria({
@@ -529,18 +531,15 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 			isSubmenuOpen,
 			submenuId,
 			shortcut,
-			keyShortcuts,
-			note,
-			noteId
+			keyShortcuts
 		}),
-		title: note,
 		onKeyDown: handleKeyDown,
 		onKeyUp: handleKeyUp,
 		onPointerMove: handlePointerMove,
 		children: [
 			/* @__PURE__ */ jsx(StartIconSlot, {
 				"aria-hidden": true,
-				children: startIcon ?? tick
+				children: startIcon ?? getTick(role, selected)
 			}),
 			/* @__PURE__ */ jsx(LabelSlot, {
 				"data-menu-label": true,
@@ -557,19 +556,23 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 					size: "sm",
 					color: "inherit"
 				})
-			}),
-			note && /* @__PURE__ */ jsx("span", {
-				id: noteId,
-				hidden: true,
-				children: note
 			})
 		]
 	});
-	if (!hasSubmenu && !hasSecondaryAction) return row;
+	const noted = hasNote ? /* @__PURE__ */ jsx(Tooltip, {
+		title: note,
+		placement: "right",
+		isInteractive: false,
+		shouldDescribeChild: true,
+		isDescriptionPersistent: true,
+		shouldWrapDisabledChild: false,
+		children: row
+	}) : row;
+	if (!isEntry) return row;
 	if (!hasSubmenu) return /* @__PURE__ */ jsxs(EntrySlot, {
 		role: "none",
-		hasSecondaryAction: true,
-		children: [row, /* @__PURE__ */ jsx(SecondaryActionSlot, {
+		hasSecondaryAction,
+		children: [noted, hasSecondaryAction && /* @__PURE__ */ jsx(SecondaryActionSlot, {
 			"aria-hidden": shouldAnnounceSecondaryAction ? void 0 : true,
 			children: secondaryAction
 		})]
@@ -582,7 +585,7 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 		onKeyDown: handleEntryKeyDown,
 		onBlur: handleEntryBlur,
 		children: [
-			row,
+			noted,
 			hasSecondaryAction && /* @__PURE__ */ jsx(SecondaryActionSlot, {
 				"aria-hidden": shouldAnnounceSecondaryAction ? void 0 : true,
 				children: secondaryAction

package/dist/MenuItem.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MenuItem = require("./MenuItem-DXRw3Yca.cjs");
+const require_MenuItem = require("./MenuItem-Bg4iRvVe.cjs");
 exports.MenuItem = require_MenuItem.MenuItem;

package/dist/MenuItem.d.cts

@@ -1,2 +1,2 @@
-import { a as MenuItemSize, i as MenuItemRole, n as MenuItemColor, o as MenuItemTextColor, r as MenuItemProps, t as MenuItem } from "./index-Byk1_ms9.cjs";
+import { a as MenuItemSize, i as MenuItemRole, n as MenuItemColor, o as MenuItemTextColor, r as MenuItemProps, t as MenuItem } from "./index-BKM4d_F4.cjs";
 export { MenuItem, MenuItemColor, MenuItemProps, MenuItemRole, MenuItemSize, MenuItemTextColor };

package/dist/MenuItem.d.mts

@@ -1,2 +1,2 @@
-import { a as MenuItemSize, i as MenuItemRole, n as MenuItemColor, o as MenuItemTextColor, r as MenuItemProps, t as MenuItem } from "./index-Dt274Ngt.mjs";
+import { a as MenuItemSize, i as MenuItemRole, n as MenuItemColor, o as MenuItemTextColor, r as MenuItemProps, t as MenuItem } from "./index-DbKYSbLs.mjs";
 export { MenuItem, MenuItemColor, MenuItemProps, MenuItemRole, MenuItemSize, MenuItemTextColor };

package/dist/MenuItem.mjs

@@ -1 +1 @@
-export { t as MenuItem } from "./MenuItem-vXHGPK8g.mjs";
+export { t as MenuItem } from "./MenuItem-kRGVRI6G.mjs";

package/dist/{MenuList-DsJmxNPu.cjs → MenuList-CSaaR3jt.cjs}

@@ -149,6 +149,8 @@ function MenuList({ children, onSelect, shouldWrap: shouldWrapProp, shouldAutoFo
 	const handleKeyDown = (event) => {
 		const list = event.currentTarget;
 		if (event.target.closest("[role=\"menu\"]") !== list) return;
+		onKeyDown?.(event);
+		if (event.defaultPrevented) return;
 		const rows = getOwnRows(list);
 		const current = list.ownerDocument.activeElement;
 		const step = STEP_BY_KEY[event.key];
@@ -165,7 +167,6 @@ function MenuList({ children, onSelect, shouldWrap: shouldWrapProp, shouldAutoFo
 		}
 		if (step || target) event.preventDefault();
 		target?.focus();
-		onKeyDown?.(event);
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuListContext.Provider, {
 		value: context,

package/dist/{MenuList-CGZgfBno.mjs → MenuList-D7Pvpn_K.mjs}

@@ -148,6 +148,8 @@ function MenuList({ children, onSelect, shouldWrap: shouldWrapProp, shouldAutoFo
 	const handleKeyDown = (event) => {
 		const list = event.currentTarget;
 		if (event.target.closest("[role=\"menu\"]") !== list) return;
+		onKeyDown?.(event);
+		if (event.defaultPrevented) return;
 		const rows = getOwnRows(list);
 		const current = list.ownerDocument.activeElement;
 		const step = STEP_BY_KEY[event.key];
@@ -164,7 +166,6 @@ function MenuList({ children, onSelect, shouldWrap: shouldWrapProp, shouldAutoFo
 		}
 		if (step || target) event.preventDefault();
 		target?.focus();
-		onKeyDown?.(event);
 	};
 	return /* @__PURE__ */ jsx(MenuListContext.Provider, {
 		value: context,

package/dist/{MenuListContext-BwgQHUu9.d.cts → MenuListContext-AnAxu0he.d.cts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-Lsm4v8fB.cjs";
-import "./index-CfB7OceY.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
+import "./index-CtwlReZi.cjs";
 import { SyntheticEvent } from "react";
 type MenuItemValue = string | number;
 interface MenuListContextValue {

package/dist/{MenuListContext-DbnAoUdJ.d.mts → MenuListContext-DURKFg_T.d.mts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
-import "./index-CF_pl72E.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
+import "./index-i8BxMDEC.mjs";
 import { SyntheticEvent } from "react";
 type MenuItemValue = string | number;
 interface MenuListContextValue {

package/dist/Modal.d.cts

@@ -1,2 +1,2 @@
-import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-BC9S8Fpr.cjs";
+import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-2jMSUeji.cjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };

package/dist/Modal.d.mts

@@ -1,2 +1,2 @@
-import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-4maWM1H8.mjs";
+import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-CP55_Zs2.mjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };

package/dist/NativeSelect.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 { SelectHTMLAttributes } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 type NativeSelectColor = keyof Theme['palette'];

package/dist/NativeSelect.d.mts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
-import { n as IconProps, r as IconName } from "./index-D48qVo1X.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
+import { n as IconProps, r as IconName } from "./index-hTgl9zwe.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { SelectHTMLAttributes } from "react";
 type NativeSelectColor = keyof Theme['palette'];

package/dist/NavTree/NavLink.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-Lsm4v8fB.cjs";
+import { nt as Theme } from "../index-C6a3kDn2.cjs";
 import { AnchorHTMLAttributes, ReactNode } from "react";
 interface NavLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {
   /** Where it goes. */

package/dist/NavTree/NavLink.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-CR8qkP8U.mjs";
+import { nt as Theme } from "../index-DOH6uskj.mjs";
 import { AnchorHTMLAttributes, ReactNode } from "react";
 interface NavLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {
   /** Where it goes. */

package/dist/NavTree/NavTree.d.cts

@@ -1,4 +1,4 @@
-import { dn as FlexProps, nt as Theme } from "../index-Lsm4v8fB.cjs";
+import { dn as FlexProps, nt as Theme } from "../index-C6a3kDn2.cjs";
 interface NavTreeProps extends FlexProps {
   /** Palette color of the current page's pill, a hovered link and the focus ring - resolves to `theme.palette`. Default: `'primary'`. */
   color?: keyof Theme['palette'];

package/dist/NavTree/NavTree.d.mts

@@ -1,4 +1,4 @@
-import { dn as FlexProps, nt as Theme } from "../index-CR8qkP8U.mjs";
+import { dn as FlexProps, nt as Theme } from "../index-DOH6uskj.mjs";
 interface NavTreeProps extends FlexProps {
   /** Palette color of the current page's pill, a hovered link and the focus ring - resolves to `theme.palette`. Default: `'primary'`. */
   color?: keyof Theme['palette'];

package/dist/NumberInput.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
 import { ReactNode } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 type NumberInputVariant = 'default' | 'outlined' | 'text' | 'underline';

package/dist/NumberInput.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode } from "react";
 type NumberInputVariant = 'default' | 'outlined' | 'text' | 'underline';

package/dist/Pagination/PaginationItem.d.cts

@@ -1,2 +1,2 @@
-import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-Dxu6Ks2A.cjs";
+import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-CHWMSBhQ.cjs";
 export { PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemVariant };

package/dist/Pagination/PaginationItem.d.mts

@@ -1,2 +1,2 @@
-import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-CKywwIep.mjs";
+import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-C-ebcNOc.mjs";
 export { PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemVariant };

package/dist/Pagination.d.cts

@@ -1,3 +1,3 @@
-import { a as PaginationItemSize, c as UsePaginationItem, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, s as PaginationItemType, t as PaginationItem, u as usePagination } from "./index-Dxu6Ks2A.cjs";
-import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-DBF5n3ey.cjs";
+import { a as PaginationItemSize, c as UsePaginationItem, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, s as PaginationItemType, t as PaginationItem, u as usePagination } from "./index-CHWMSBhQ.cjs";
+import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-v1I6VA9w.cjs";
 export { Pagination, PaginationColor, PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemType, PaginationItemVariant, PaginationProps, PaginationShape, PaginationSize, PaginationVariant, UsePaginationItem, UsePaginationProps, usePagination };

package/dist/Pagination.d.mts

@@ -1,3 +1,3 @@
-import { a as PaginationItemSize, c as UsePaginationItem, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, s as PaginationItemType, t as PaginationItem, u as usePagination } from "./index-CKywwIep.mjs";
-import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-BXlBouWV.mjs";
+import { a as PaginationItemSize, c as UsePaginationItem, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, s as PaginationItemType, t as PaginationItem, u as usePagination } from "./index-C-ebcNOc.mjs";
+import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-BFUn2EWp.mjs";
 export { Pagination, PaginationColor, PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemType, PaginationItemVariant, PaginationProps, PaginationShape, PaginationSize, PaginationVariant, UsePaginationItem, UsePaginationProps, usePagination };

package/dist/Paper.d.cts

@@ -1,3 +1,3 @@
-import { cn as PaperElevation, ln as PaperProps, sn as Paper } from "./index-Lsm4v8fB.cjs";
-import "./index-323PrYLR.cjs";
+import { cn as PaperElevation, ln as PaperProps, sn as Paper } from "./index-C6a3kDn2.cjs";
+import "./index-CJMvoc8h.cjs";
 export { Paper, PaperElevation, PaperProps };

package/dist/Paper.d.mts

@@ -1,3 +1,3 @@
-import { cn as PaperElevation, ln as PaperProps, sn as Paper } from "./index-CR8qkP8U.mjs";
-import "./index-1Xzj0iAs.mjs";
+import { cn as PaperElevation, ln as PaperProps, sn as Paper } from "./index-DOH6uskj.mjs";
+import "./index-BL5Kj3Ka.mjs";
 export { Paper, PaperElevation, PaperProps };

package/dist/Popover.d.cts

@@ -1,18 +1,8 @@
-import { cn as PaperElevation, ln as PaperProps, nt as Theme } from "./index-Lsm4v8fB.cjs";
-import "./index-323PrYLR.cjs";
-import { l as ModalCloseReason } from "./index-BC9S8Fpr.cjs";
+import { cn as PaperElevation, ln as PaperProps, nt as Theme } from "./index-C6a3kDn2.cjs";
+import "./index-CJMvoc8h.cjs";
+import { n as PopoverPosition, r as PopoverReference, t as PopoverOrigin } from "./computePopoverPosition-JgOwCM7k.cjs";
+import { l as ModalCloseReason } from "./index-2jMSUeji.cjs";
 import { ReactNode, Ref } from "react";
-type PopoverVerticalOrigin = 'top' | 'center' | 'bottom' | number;
-type PopoverHorizontalOrigin = 'left' | 'center' | 'right' | number;
-interface PopoverOrigin {
-  vertical: PopoverVerticalOrigin;
-  horizontal: PopoverHorizontalOrigin;
-}
-type PopoverReference = 'anchorEl' | 'anchorPosition' | 'none';
-interface PopoverPosition {
-  top: number;
-  left: number;
-}
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
 interface PopoverActions {
   /** Recomputes the popover's position against its anchor. */

package/dist/Popover.d.mts

@@ -1,18 +1,8 @@
-import { cn as PaperElevation, ln as PaperProps, nt as Theme } from "./index-CR8qkP8U.mjs";
-import "./index-1Xzj0iAs.mjs";
-import { l as ModalCloseReason } from "./index-4maWM1H8.mjs";
+import { cn as PaperElevation, ln as PaperProps, nt as Theme } from "./index-DOH6uskj.mjs";
+import "./index-BL5Kj3Ka.mjs";
+import { n as PopoverPosition, r as PopoverReference, t as PopoverOrigin } from "./computePopoverPosition-JgOwCM7k.mjs";
+import { l as ModalCloseReason } from "./index-CP55_Zs2.mjs";
 import { ReactNode, Ref } from "react";
-type PopoverVerticalOrigin = 'top' | 'center' | 'bottom' | number;
-type PopoverHorizontalOrigin = 'left' | 'center' | 'right' | number;
-interface PopoverOrigin {
-  vertical: PopoverVerticalOrigin;
-  horizontal: PopoverHorizontalOrigin;
-}
-type PopoverReference = 'anchorEl' | 'anchorPosition' | 'none';
-interface PopoverPosition {
-  top: number;
-  left: number;
-}
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
 interface PopoverActions {
   /** Recomputes the popover's position against its anchor. */

package/dist/Pressable.d.cts

@@ -1,2 +1,2 @@
-import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-Cjh607-v.cjs";
+import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-D2tfsNPw.cjs";
 export { Pressable, PressableColor, PressableFeedback, PressableProps };

package/dist/Pressable.d.mts

@@ -1,2 +1,2 @@
-import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-CnVvfG9_.mjs";
+import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-D0skdQEK.mjs";
 export { Pressable, PressableColor, PressableFeedback, PressableProps };

package/dist/Quote.d.cts

@@ -1,5 +1,5 @@
-import { nt as Theme, yn as ViewProps } from "./index-Lsm4v8fB.cjs";
-import "./index-CfB7OceY.cjs";
+import { nt as Theme, yn as ViewProps } from "./index-C6a3kDn2.cjs";
+import "./index-CtwlReZi.cjs";
 type QuoteProps = ViewProps;
 /** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */
 declare const Quote: import("@emotion/styled").StyledComponent<Pick<{

package/dist/Quote.d.mts

@@ -1,5 +1,5 @@
-import { nt as Theme, yn as ViewProps } from "./index-CR8qkP8U.mjs";
-import "./index-CF_pl72E.mjs";
+import { nt as Theme, yn as ViewProps } from "./index-DOH6uskj.mjs";
+import "./index-i8BxMDEC.mjs";
 type QuoteProps = ViewProps;
 /** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */
 declare const Quote: import("@emotion/styled").StyledComponent<Pick<{

package/dist/Radio.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 { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type RadioColor = PaletteColor;

package/dist/Radio.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 { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
 type RadioColor = PaletteColor;

package/dist/RangeInput.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
 import { ChangeEvent, KeyboardEvent, ReactNode, SyntheticEvent } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 /** A tick on the rail, with a label under it when it has one. */

package/dist/RangeInput.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, KeyboardEvent, ReactNode, SyntheticEvent } from "react";
 /** A tick on the rail, with a label under it when it has one. */

package/dist/Rating.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, SyntheticEvent } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 interface RatingProps extends SpaceProps<Theme> {

package/dist/Rating.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { MouseEvent, ReactNode, SyntheticEvent } from "react";
 interface RatingProps extends SpaceProps<Theme> {

package/dist/ScrollArea.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
 import { ReactNode, Ref } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 /** Which way a thumb runs: down the right edge, or along the bottom. */

package/dist/ScrollArea.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode, Ref } from "react";
 /** Which way a thumb runs: down the right edge, or along the bottom. */

package/dist/Select.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 { ReactNode } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 /** The union of value shapes `Select` holds: a single value, or an array in multiple mode. */

package/dist/Select.d.mts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-CR8qkP8U.mjs";
-import { n as IconProps, r as IconName } from "./index-D48qVo1X.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
+import { n as IconProps, r as IconName } from "./index-hTgl9zwe.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode } from "react";
 /** The union of value shapes `Select` holds: a single value, or an array in multiple mode. */

package/dist/Sidebar/Sidebar.d.cts

@@ -1,4 +1,4 @@
-import { dn as FlexProps } from "../index-Lsm4v8fB.cjs";
+import { dn as FlexProps } from "../index-C6a3kDn2.cjs";
 import { a as SidebarLayout, i as SidebarItemVariant, t as SidebarAnchor } from "../SidebarContext-Bod_oUMi.cjs";
 import { ElementType, ReactNode } from "react";
 interface SidebarProps extends FlexProps {