@soroush.tech/design-system 2.1.0-alpha.0 → 2.1.0-alpha.2

package/dist/Tooltip.mjs

@@ -1,310 +1 @@
-import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
-import { n as useDefaultProps } from "./theme-DyyZQFzQ.mjs";
-import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
-import { t as getSurfaceRadius } from "./getSurfaceRadius-B1QE_VLa.mjs";
-import { t as useControlled } from "./useControlled-B4uQ9Bj6.mjs";
-import { Portal } from "./Portal.mjs";
-import { t as useAnchoredPlacement } from "./useAnchoredPlacement-txSaWzfk.mjs";
-import { t as useMergedRefs } from "./useMergedRefs-CdfwtmUd.mjs";
-import { n as resolveTooltipPlacement, t as getTooltipOrigins } from "./getTooltipOrigins-D0bLLXwY.mjs";
-import { cloneElement, useCallback, useEffect, useId, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-// src/Tooltip/hooks/useTooltip.ts
-const isKeyboardFocus = (event) => {
-	try {
-		return event.target.matches(":focus-visible");
-	} catch {
-		return true;
-	}
-};
-/**
-* The state of a tooltip: whether it is open (its own, or its owner's), the timers that open and
-* close it, and the handlers its child and the tooltip itself take. Opening and closing are
-* delayed; moving from the child onto the tooltip does not close it, so its text can be read and
-* selected (WCAG 1.4.13); Escape closes it at once.
-*/
-function useTooltip({ isOpen: isOpenProp, defaultOpen, isAtPoint = false, onOpen, onClose, enterDelay, leaveDelay, enterTouchDelay, leaveTouchDelay, shouldOpenOnHover, shouldOpenOnFocus, shouldOpenOnTouch }) {
-	const [isOpen, setIsOpen] = useControlled({
-		controlled: isOpenProp,
-		default: defaultOpen
-	});
-	const timer = useRef(void 0);
-	const latest = useRef({
-		isOpen,
-		isOpenProp,
-		isAtPoint,
-		onOpen,
-		onClose
-	});
-	useEffect(() => {
-		latest.current = {
-			isOpen,
-			isOpenProp,
-			isAtPoint,
-			onOpen,
-			onClose
-		};
-	});
-	const clear = useCallback(() => window.clearTimeout(timer.current), []);
-	const ask = useCallback((next, event, delay) => {
-		clear();
-		timer.current = window.setTimeout(() => {
-			const current = latest.current;
-			if (current.isOpen === next) return;
-			if (next && current.isAtPoint) return;
-			if (current.isOpenProp === void 0) setIsOpen(next);
-			(next ? current.onOpen : current.onClose)?.(event);
-		}, delay);
-	}, [clear, setIsOpen]);
-	useEffect(() => clear, [clear]);
-	useEffect(() => {
-		if (!isOpen) return void 0;
-		const handleKeyDown = (event) => {
-			if (event.key === "Escape") ask(false, event, 0);
-		};
-		document.addEventListener("keydown", handleKeyDown);
-		return () => document.removeEventListener("keydown", handleKeyDown);
-	}, [isOpen, ask]);
-	return {
-		isOpen,
-		childHandlers: {
-			onMouseEnter: (event) => {
-				if (shouldOpenOnHover) ask(true, event, enterDelay);
-			},
-			onMouseLeave: (event) => {
-				if (shouldOpenOnHover) ask(false, event, leaveDelay);
-			},
-			onFocus: (event) => {
-				if (shouldOpenOnFocus && isKeyboardFocus(event)) ask(true, event, enterDelay);
-			},
-			onBlur: (event) => {
-				if (shouldOpenOnFocus) ask(false, event, leaveDelay);
-			},
-			onTouchStart: (event) => {
-				if (shouldOpenOnTouch) ask(true, event, enterTouchDelay);
-			},
-			onTouchEnd: (event) => {
-				if (shouldOpenOnTouch) ask(false, event, leaveTouchDelay);
-			},
-			onTouchCancel: (event) => {
-				if (shouldOpenOnTouch) ask(false, event, leaveTouchDelay);
-			},
-			onPointerDown: (event) => {
-				if (event.pointerType !== "touch") ask(false, event, 0);
-			}
-		},
-		surfaceHandlers: {
-			onMouseEnter: () => {
-				if (shouldOpenOnHover) clear();
-			},
-			onMouseLeave: (event) => {
-				if (shouldOpenOnHover) ask(false, event, leaveDelay);
-			}
-		}
-	};
-}
-// src/Tooltip/Tooltip.tsx
-const MARGIN = 8;
-const GAP = 8;
-const ARROW = 8;
-const TooltipSurface = styled("div", {
-	name: "Tooltip",
-	label: "Tooltip",
-	shouldForwardProp: createShouldForwardProp([
-		"layer",
-		"isInteractive",
-		"borderRadius",
-		"bg",
-		"textColor"
-	])
-})(({ theme, layer, isInteractive, borderRadius, bg, textColor }) => ({
-	position: "fixed",
-	...!isInteractive && { pointerEvents: "none" },
-	top: 0,
-	left: 0,
-	visibility: "hidden",
-	zIndex: theme.zOrder[layer],
-	boxSizing: "border-box",
-	maxWidth: "20rem",
-	padding: `${theme.space[.5]} ${theme.space[1]}`,
-	borderRadius: getSurfaceRadius(theme, borderRadius),
-	boxShadow: theme.shadows[4],
-	backgroundColor: (0, src_exports.get)(theme, `background.${bg ?? "modal"}`),
-	color: (0, src_exports.get)(theme, `text.${textColor ?? themeDefault(theme, "textColor", "initial")}`),
-	fontFamily: (0, src_exports.get)(theme, "fonts.body"),
-	fontSize: theme.fontSizes[0],
-	lineHeight: (0, src_exports.get)(theme, "lineHeights.base"),
-	overflowWrap: "break-word"
-}));
-const TooltipDescription = styled("span", { label: "TooltipDescription" })({
-	position: "absolute",
-	width: 1,
-	height: 1,
-	margin: -1,
-	padding: 0,
-	border: 0,
-	overflow: "hidden",
-	clip: "rect(0 0 0 0)",
-	whiteSpace: "nowrap"
-});
-const TooltipTarget = styled("span", { label: "TooltipTarget" })({ display: "inline-grid" });
-const TooltipArrow = styled("span", {
-	name: "Tooltip",
-	slot: "arrow",
-	label: "TooltipArrow"
-})({
-	position: "absolute",
-	width: ARROW,
-	height: ARROW,
-	backgroundColor: "inherit",
-	transform: "rotate(45deg)",
-	pointerEvents: "none"
-});
-const getArrow = ({ anchorRect, surfaceSize, top, left }) => {
-	const { width, height } = surfaceSize;
-	if (top + height <= anchorRect.top + 1 || top >= anchorRect.bottom - 1) {
-		const side = top + height <= anchorRect.top + 1 ? "top" : "bottom";
-		const middle = anchorRect.left + anchorRect.width / 2 - left;
-		return {
-			side,
-			offset: Math.min(Math.max(middle, ARROW), width - ARROW)
-		};
-	}
-	const side = left + width <= anchorRect.left + 1 ? "left" : "right";
-	const middle = anchorRect.top + anchorRect.height / 2 - top;
-	return {
-		side,
-		offset: Math.min(Math.max(middle, ARROW), height - ARROW)
-	};
-};
-const isSameArrow = (a, b) => a !== null && a.side === b.side && a.offset === b.offset;
-const getArrowStyle = ({ side, offset }) => {
-	const half = ARROW / 2;
-	if (side === "top") return {
-		bottom: -4,
-		left: offset - half
-	};
-	if (side === "bottom") return {
-		top: -4,
-		left: offset - half
-	};
-	if (side === "left") return {
-		right: -4,
-		top: offset - half
-	};
-	return {
-		left: -4,
-		top: offset - half
-	};
-};
-/**
-* @description A short description of one child, shown on hover, keyboard focus and a long touch -
-* a `role="tooltip"` in a `Portal`, placed beside its child and flipped for want of room. The
-* child is named by it (`aria-label`) or described by it (`aria-describedby`, with
-* `shouldDescribeChild`). It opens and closes after their delays, stays open while the pointer is
-* on the tooltip itself, closes on Escape, and never takes or traps the focus.
-*/
-function Tooltip({ children, anchorPosition, title, placement: placementProp, hasArrow: hasArrowProp, enterDelay: enterDelayProp, leaveDelay: leaveDelayProp, enterTouchDelay: enterTouchDelayProp, leaveTouchDelay: leaveTouchDelayProp, shouldDescribeChild: shouldDescribeChildProp, isDescriptionPersistent: isDescriptionPersistentProp, isOpen: isOpenProp, defaultOpen = false, onOpen, onClose, isInteractive: isInteractiveProp, shouldOpenOnHover: shouldOpenOnHoverProp, shouldOpenOnFocus: shouldOpenOnFocusProp, shouldOpenOnTouch: shouldOpenOnTouchProp, slots, slotProps, layer: layerProp, borderRadius: borderRadiusProp, bg: bgProp, textColor: textColorProp, className, "data-testid": dataTestid }) {
-	const dp = useDefaultProps("Tooltip");
-	const placement = placementProp ?? dp.placement ?? "top";
-	const hasArrow = hasArrowProp ?? dp.hasArrow ?? false;
-	const shouldDescribeChild = shouldDescribeChildProp ?? dp.shouldDescribeChild ?? false;
-	const isDescriptionPersistent = isDescriptionPersistentProp ?? dp.isDescriptionPersistent ?? false;
-	const isInteractive = isInteractiveProp ?? dp.isInteractive ?? true;
-	const layer = layerProp ?? dp.layer ?? "tooltip";
-	const borderRadius = borderRadiusProp ?? dp.borderRadius;
-	const bg = bgProp ?? dp.bg;
-	const textColor = textColorProp ?? dp.textColor;
-	const id = useId();
-	const isAtPoint = anchorPosition !== void 0;
-	const { isOpen, childHandlers, surfaceHandlers } = useTooltip({
-		isOpen: isOpenProp,
-		defaultOpen,
-		isAtPoint,
-		onOpen,
-		onClose,
-		enterDelay: enterDelayProp ?? dp.enterDelay ?? 100,
-		leaveDelay: leaveDelayProp ?? dp.leaveDelay ?? 0,
-		enterTouchDelay: enterTouchDelayProp ?? dp.enterTouchDelay ?? 700,
-		leaveTouchDelay: leaveTouchDelayProp ?? dp.leaveTouchDelay ?? 1500,
-		shouldOpenOnHover: shouldOpenOnHoverProp ?? dp.shouldOpenOnHover ?? true,
-		shouldOpenOnFocus: shouldOpenOnFocusProp ?? dp.shouldOpenOnFocus ?? true,
-		shouldOpenOnTouch: shouldOpenOnTouchProp ?? dp.shouldOpenOnTouch ?? true
-	});
-	const hasTitle = title !== void 0 && title !== null && title !== "";
-	const isShown = isOpen && hasTitle;
-	const anchorRef = useRef(null);
-	const noAnchorRef = useRef(null);
-	const surfaceRef = useRef(null);
-	const own = children?.props ?? {};
-	const isChildDisabled = own.disabled === true;
-	const ref = useMergedRefs(isChildDisabled ? void 0 : anchorRef, own.ref);
-	const [arrow, setArrow] = useState(null);
-	const getOrigins = useCallback((context) => getTooltipOrigins(resolveTooltipPlacement(placement, context), context.isRtl), [placement]);
-	const onPlaced = useCallback((placed) => {
-		if (!hasArrow) return;
-		const next = getArrow(placed);
-		setArrow((current) => isSameArrow(current, next) ? current : next);
-	}, [hasArrow]);
-	useAnchoredPlacement({
-		isOpen: isShown,
-		anchorRef: anchorPosition ? noAnchorRef : anchorRef,
-		anchorPosition,
-		surfaceRef,
-		getOrigins,
-		margin: MARGIN,
-		gap: GAP,
-		onPlaced
-	});
-	const handlers = Object.fromEntries(Object.entries(childHandlers).map(([name, handler]) => [name, (event) => {
-		own[name]?.(event);
-		handler(event);
-	}]));
-	const ownDescription = own["aria-describedby"];
-	const names = typeof title === "string" && own["aria-label"] === void 0 && own["aria-labelledby"] === void 0 ? { "aria-label": title } : {};
-	const descriptionId = `${id}-description`;
-	const hasPersistentDescription = children !== void 0 && shouldDescribeChild && isDescriptionPersistent && hasTitle;
-	const describedBy = (shown) => hasPersistentDescription ? [ownDescription, descriptionId].filter(Boolean).join(" ") : [ownDescription, shown ? id : void 0].filter(Boolean).join(" ") || void 0;
-	const ariaProps = shouldDescribeChild ? { "aria-describedby": describedBy(isShown) } : names;
-	const child = children ? cloneElement(children, {
-		...isChildDisabled || isAtPoint ? {} : handlers,
-		...ariaProps,
-		ref
-	}) : null;
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		isChildDisabled && !isAtPoint ? /* @__PURE__ */ jsx(TooltipTarget, {
-			ref: anchorRef,
-			...handlers,
-			children: child
-		}) : child,
-		hasPersistentDescription && /* @__PURE__ */ jsx(TooltipDescription, {
-			id: descriptionId,
-			children: title
-		}),
-		isShown && /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(TooltipSurface, {
-			...slotProps?.root,
-			as: slots?.root,
-			ref: surfaceRef,
-			id,
-			role: "tooltip",
-			layer,
-			isInteractive,
-			borderRadius,
-			bg,
-			textColor,
-			className: [slotProps?.root?.className, className].filter(Boolean).join(" ") || void 0,
-			"data-testid": dataTestid ?? slotProps?.root?.["data-testid"],
-			...isAtPoint || !isInteractive ? {} : surfaceHandlers,
-			children: [title, hasArrow && arrow ? /* @__PURE__ */ jsx(TooltipArrow, {
-				...slotProps?.arrow,
-				as: slots?.arrow,
-				style: {
-					...slotProps?.arrow?.style,
-					...getArrowStyle(arrow)
-				},
-				"aria-hidden": "true"
-			}) : null]
-		}) })
-	] });
-}
-export { Tooltip };
+export { n as Tooltip, t as TooltipGroup } from "./Tooltip-Cx4ez9vY.mjs";

package/dist/TransferList.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type TransferListValue = string | number;
 interface TransferListItem {

package/dist/TransferList.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type TransferListValue = string | number;
 interface TransferListItem {

package/dist/Typography.d.cts

@@ -1,3 +1,3 @@
-import { jt as TypographyVariant } from "./index-DvVQLBZc.cjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-CyOSmefH.cjs";
+import { jt as TypographyVariant } from "./index-CK-uaK5U.cjs";
+import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-Cp96BUYc.cjs";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/Typography.d.mts

@@ -1,3 +1,3 @@
-import { jt as TypographyVariant } from "./index-BWiDilH8.mjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-DtVrZFJI.mjs";
+import { jt as TypographyVariant } from "./index-B-1sp9oV.mjs";
+import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-F81TdZtB.mjs";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/View.d.cts

@@ -1,2 +1,2 @@
-import { _n as ViewBorderWidthToken, gn as ViewBorderRadiusToken, hn as ViewBorderColorToken, mn as ViewBackgroundToken, pn as View, vn as ViewColorToken, yn as ViewProps } from "./index-DvVQLBZc.cjs";
+import { _n as ViewBorderWidthToken, gn as ViewBorderRadiusToken, hn as ViewBorderColorToken, mn as ViewBackgroundToken, pn as View, vn as ViewColorToken, yn as ViewProps } from "./index-CK-uaK5U.cjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/View.d.mts

@@ -1,2 +1,2 @@
-import { _n as ViewBorderWidthToken, gn as ViewBorderRadiusToken, hn as ViewBorderColorToken, mn as ViewBackgroundToken, pn as View, vn as ViewColorToken, yn as ViewProps } from "./index-BWiDilH8.mjs";
+import { _n as ViewBorderWidthToken, gn as ViewBorderRadiusToken, hn as ViewBorderColorToken, mn as ViewBackgroundToken, pn as View, vn as ViewColorToken, yn as ViewProps } from "./index-B-1sp9oV.mjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/Zoom.d.cts

@@ -1,4 +1,4 @@
-import { n as TransitionProps } from "./useTransition-CF_Zy_tM.cjs";
+import { n as TransitionProps } from "./useTransition-DnOAXNav.cjs";
 type ZoomProps = TransitionProps;
 /**
  * @description Zooms one child in from nothing and out to nothing. The child holds a `ref` and

package/dist/Zoom.d.mts

@@ -1,4 +1,4 @@
-import { n as TransitionProps } from "./useTransition-B-hzi7Sm.mjs";
+import { n as TransitionProps } from "./useTransition-Dk84FQFT.mjs";
 type ZoomProps = TransitionProps;
 /**
  * @description Zooms one child in from nothing and out to nothing. The child holds a `ref` and

package/dist/catalog.cjs

@@ -622,6 +622,10 @@ const tooltipCatalog = defineCatalogEntry()({
 			values: [true, false],
 			default: true
 		},
+		shouldWrapDisabledChild: {
+			values: [true, false],
+			default: true
+		},
 		isDescriptionPersistent: {
 			values: [true, false],
 			default: false

package/dist/catalog.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
 /** A value that survives `JSON.stringify` - all a catalog holds. */
 type JsonValue = string | number | boolean | null | JsonValue[] | {
   [key: string]: JsonValue;

package/dist/catalog.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
 /** A value that survives `JSON.stringify` - all a catalog holds. */
 type JsonValue = string | number | boolean | null | JsonValue[] | {
   [key: string]: JsonValue;

package/dist/catalog.mjs

@@ -621,6 +621,10 @@ const tooltipCatalog = defineCatalogEntry()({
 			values: [true, false],
 			default: true
 		},
+		shouldWrapDisabledChild: {
+			values: [true, false],
+			default: true
+		},
 		isDescriptionPersistent: {
 			values: [true, false],
 			default: false

package/dist/engine.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
 import { ComponentType, RefAttributes } from "react";
 import { CacheProvider, Interpolation } from "@emotion/react";
 /** `Global`, retyped against this package's own `Theme` (see `styled.ts`'s `StyledTags`). */

package/dist/engine.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
 import { CacheProvider, Interpolation } from "@emotion/react";
 import { ComponentType, RefAttributes } from "react";
 /** `Global`, retyped against this package's own `Theme` (see `styled.ts`'s `StyledTags`). */

package/dist/{index-D24iFgwR.d.cts → index-3-LXZL7g.d.mts}

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

package/dist/{index-BWiDilH8.d.mts → index-B-1sp9oV.d.mts}

@@ -552,6 +552,13 @@ interface TooltipOwnerState {
   shouldDescribeChild?: boolean;
   isDescriptionPersistent?: boolean;
   isInteractive?: boolean;
+  shouldWrapDisabledChild?: boolean;
+  /**
+   * Theme only. With a value above 0, every tooltip under the theme shares one delay window, as in a
+   * `TooltipGroup` of that duration: no enter delay while another is open or within this many
+   * milliseconds of the last close. A `TooltipGroup` around a tooltip wins.
+   */
+  skipDelayDuration?: number;
   shouldOpenOnHover?: boolean;
   shouldOpenOnFocus?: boolean;
   shouldOpenOnTouch?: boolean;

package/dist/{index-C3TrdOpQ.d.cts → index-BDVi1DNs.d.mts}

@@ -1,7 +1,7 @@
-import { ft as ThemeIconSizes } from "./index-DvVQLBZc.cjs";
-import { n as TextColorToken } from "./index-CyOSmefH.cjs";
-import { SVGProps } from "react";
+import { ft as ThemeIconSizes } from "./index-B-1sp9oV.mjs";
+import { n as TextColorToken } from "./index-F81TdZtB.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
+import { SVGProps } from "react";
 declare const SvgAccountTree: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgAdd: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgAddCircle: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

package/dist/{index-5TAVgzbU.d.mts → index-BJIqJbF4.d.mts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
-import { n as IconProps, r as IconName } from "./index-DjmWIzXF.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { n as IconProps, r as IconName } from "./index-BDVi1DNs.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes } from "react";
 type TableSortLabelDirection = 'asc' | 'desc';

package/dist/{index-Bx-4KmJU.d.mts → index-BMeqk34D.d.mts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-BWiDilH8.mjs";
+import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-B-1sp9oV.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-DQYhGgbl.d.cts → index-BYg-l1_n.d.cts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
-import { n as IconProps, r as IconName } from "./index-C3TrdOpQ.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { n as IconProps, r as IconName } from "./index-CLTH0nFB.cjs";
 import { ButtonHTMLAttributes } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type TableSortLabelDirection = 'asc' | 'desc';

package/dist/{index-Biqn5xUs.d.mts → index-BbWQZ2Wj.d.mts}

@@ -1,7 +1,7 @@
-import { nt as Theme, tt as TabsVariants } from "./index-BWiDilH8.mjs";
-import "./index-Buu5MtRG.mjs";
-import { t as TabValue } from "./TabsContext-CsiW5MOp.mjs";
-import { n as TabScrollButtonProps } from "./index-D_azfqsX.mjs";
+import { nt as Theme, tt as TabsVariants } from "./index-B-1sp9oV.mjs";
+import "./index-C_K0hsEr.mjs";
+import { t as TabValue } from "./TabsContext-D5E7s9i5.mjs";
+import { n as TabScrollButtonProps } from "./index-DXUVsHux.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ComponentType, ReactNode, Ref } from "react";
 type TabsVariant = keyof TabsVariants;

package/dist/{index-DKNvADeE.d.mts → index-BhWBXIkH.d.cts}

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

package/dist/{index-DWon54cO.d.cts → index-BwFPSXSw.d.mts}

@@ -1,4 +1,4 @@
-import { i as ButtonProps } from "./index-DgLjcrkG.cjs";
+import { i as ButtonProps } from "./index-BMeqk34D.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-Bo8Og0oC.d.cts → index-Bwry7fNj.d.mts}

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

package/dist/{index-CeFExef3.d.cts → index-C3D70-3U.d.mts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
-import { t as MenuItemValue } from "./MenuListContext-DJ_qJ1Uo.cjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { t as MenuItemValue } from "./MenuListContext-BN1VV12-.mjs";
 import { ElementType, KeyboardEvent, MouseEvent, ReactNode } from "react";
 type MenuItemColor = keyof Theme['palette'];
 type MenuItemSize = keyof Theme['sizes'];

package/dist/{index-HLDMvfb2.d.cts → index-C6uLwNRF.d.cts}

@@ -1,7 +1,7 @@
-import { nt as Theme, tt as TabsVariants } from "./index-DvVQLBZc.cjs";
-import "./index-CAICXdTA.cjs";
-import { t as TabValue } from "./TabsContext-DrmDtBqA.cjs";
-import { n as TabScrollButtonProps } from "./index-CBOtkDdX.cjs";
+import { nt as Theme, tt as TabsVariants } from "./index-CK-uaK5U.cjs";
+import "./index-CvV0TCBK.cjs";
+import { t as TabValue } from "./TabsContext-i57cha5W.cjs";
+import { n as TabScrollButtonProps } from "./index-qgFJF8n2.cjs";
 import { ComponentType, ReactNode, Ref } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type TabsVariant = keyof TabsVariants;

package/dist/{index-BgmEVOSj.d.mts → index-C9jnQ-mQ.d.mts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-BWiDilH8.mjs";
+import { U as PaletteColor, nt as Theme } from "./index-B-1sp9oV.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-D--R4_5H.d.mts → index-CGlDeiGk.d.cts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
-import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-B-hzi7Sm.mjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-DnOAXNav.cjs";
 import { ReactNode } from "react";
 type CollapseOrientation = 'vertical' | 'horizontal';
 interface CollapseProps extends TransitionCallbacks {

package/dist/{index-DvVQLBZc.d.cts → index-CK-uaK5U.d.cts}

@@ -552,6 +552,13 @@ interface TooltipOwnerState {
   shouldDescribeChild?: boolean;
   isDescriptionPersistent?: boolean;
   isInteractive?: boolean;
+  shouldWrapDisabledChild?: boolean;
+  /**
+   * Theme only. With a value above 0, every tooltip under the theme shares one delay window, as in a
+   * `TooltipGroup` of that duration: no enter delay while another is open or within this many
+   * milliseconds of the last close. A `TooltipGroup` around a tooltip wins.
+   */
+  skipDelayDuration?: number;
   shouldOpenOnHover?: boolean;
   shouldOpenOnFocus?: boolean;
   shouldOpenOnTouch?: boolean;

package/dist/{index-DjmWIzXF.d.mts → index-CLTH0nFB.d.cts}

@@ -1,7 +1,7 @@
-import { ft as ThemeIconSizes } from "./index-BWiDilH8.mjs";
-import { n as TextColorToken } from "./index-DtVrZFJI.mjs";
-import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
+import { ft as ThemeIconSizes } from "./index-CK-uaK5U.cjs";
+import { n as TextColorToken } from "./index-Cp96BUYc.cjs";
 import { SVGProps } from "react";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 declare const SvgAccountTree: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgAdd: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 declare const SvgAddCircle: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

package/dist/{index-Dt-ZNTnC.d.cts → index-COGZ6LV4.d.mts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-B-1sp9oV.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-DhzjNAzv.d.mts → index-CPmemva9.d.mts}

@@ -1,7 +1,8 @@
-import { cn as PaperElevation, nt as Theme } from "./index-BWiDilH8.mjs";
-import "./index-B1qv6yGM.mjs";
-import { t as MenuItemValue } from "./MenuListContext-DiZAVDCb.mjs";
-import { n as MenuItemData } from "./index-CW0DW6Aq.mjs";
+import { cn as PaperElevation, nt as Theme } from "./index-B-1sp9oV.mjs";
+import "./index-C_n4ZPpQ.mjs";
+import { t as MenuItemValue } from "./MenuListContext-BN1VV12-.mjs";
+import { r as MenuListSlotProps } from "./index-DOimZ1Wo.mjs";
+import { n as MenuItemData } from "./index-CRbfhyQ6.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 };