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

package/dist/{Tooltip-CrPRvmj3.cjs → Tooltip-rkGm1HnP.cjs}

@@ -10,6 +10,33 @@ const require_getTooltipOrigins = require("./getTooltipOrigins-8b5zQafY.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");
+// src/Tooltip/TooltipGroupContext.ts
+const TooltipGroupContext = (0, react.createContext)(null);
+/** The state of a group whose window is `skipDelayDuration` milliseconds long. */
+const createTooltipGroupState = (skipDelayDuration) => {
+	let active = null;
+	let closedAt = Number.NEGATIVE_INFINITY;
+	return {
+		shouldSkipDelay: () => active !== null || Date.now() - closedAt < skipDelayDuration,
+		open: (close) => {
+			active = close;
+		},
+		closeActive: (event) => active?.(event),
+		release: (close) => {
+			if (active !== close) return;
+			active = null;
+			closedAt = Date.now();
+		}
+	};
+};
+const themeGroups = /* @__PURE__ */ new WeakMap();
+const getThemeTooltipGroup = (theme, skipDelayDuration) => {
+	const byDuration = themeGroups.get(theme) ?? /* @__PURE__ */ new Map();
+	themeGroups.set(theme, byDuration);
+	const group = byDuration.get(skipDelayDuration) ?? createTooltipGroupState(skipDelayDuration);
+	byDuration.set(skipDelayDuration, group);
+	return group;
+};
 // src/Tooltip/hooks/useTooltip.ts
 const isKeyboardFocus = (event) => {
 	try {
@@ -24,18 +51,21 @@ const isKeyboardFocus = (event) => {
 * 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 }) {
+function useTooltip({ isOpen: isOpenProp, defaultOpen, isAtPoint = false, onOpen, onClose, enterDelay, leaveDelay, enterTouchDelay, leaveTouchDelay, shouldOpenOnHover, shouldOpenOnFocus, shouldOpenOnTouch, skipDelayDuration = 0 }) {
 	const [isOpen, setIsOpen] = require_useControlled.useControlled({
 		controlled: isOpenProp,
 		default: defaultOpen
 	});
 	const timer = (0, react.useRef)(void 0);
+	const theme = require_theme.useTheme();
+	const group = (0, react.useContext)(TooltipGroupContext) ?? (skipDelayDuration > 0 ? getThemeTooltipGroup(theme, skipDelayDuration) : null);
 	const latest = (0, react.useRef)({
 		isOpen,
 		isOpenProp,
 		isAtPoint,
 		onOpen,
-		onClose
+		onClose,
+		group
 	});
 	(0, react.useEffect)(() => {
 		latest.current = {
@@ -43,20 +73,47 @@ function useTooltip({ isOpen: isOpenProp, defaultOpen, isAtPoint = false, onOpen
 			isOpenProp,
 			isAtPoint,
 			onOpen,
-			onClose
+			onClose,
+			group
 		};
 	});
 	const clear = (0, react.useCallback)(() => window.clearTimeout(timer.current), []);
+	const closeNow = (0, react.useCallback)((event) => {
+		clear();
+		const current = latest.current;
+		setIsOpen(false);
+		current.onClose?.(event);
+	}, [clear, setIsOpen]);
+	const isInGroup = group !== null && isOpenProp === void 0;
+	(0, react.useEffect)(() => {
+		if (!isInGroup || !isOpen) return void 0;
+		group.open(closeNow);
+		return () => group.release(closeNow);
+	}, [
+		group,
+		isInGroup,
+		isOpen,
+		closeNow
+	]);
+	const getEnterDelay = () => isInGroup && group.shouldSkipDelay() ? 0 : enterDelay;
 	const ask = (0, react.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);
+			if (current.isOpenProp === void 0) {
+				if (next) current.group?.closeActive(event);
+				else current.group?.release(closeNow);
+				setIsOpen(next);
+			}
 			(next ? current.onOpen : current.onClose)?.(event);
 		}, delay);
-	}, [clear, setIsOpen]);
+	}, [
+		clear,
+		setIsOpen,
+		closeNow
+	]);
 	(0, react.useEffect)(() => clear, [clear]);
 	(0, react.useEffect)(() => {
 		if (!isOpen) return void 0;
@@ -70,13 +127,13 @@ function useTooltip({ isOpen: isOpenProp, defaultOpen, isAtPoint = false, onOpen
 		isOpen,
 		childHandlers: {
 			onMouseEnter: (event) => {
-				if (shouldOpenOnHover) ask(true, event, enterDelay);
+				if (shouldOpenOnHover) ask(true, event, getEnterDelay());
 			},
 			onMouseLeave: (event) => {
 				if (shouldOpenOnHover) ask(false, event, leaveDelay);
 			},
 			onFocus: (event) => {
-				if (shouldOpenOnFocus && isKeyboardFocus(event)) ask(true, event, enterDelay);
+				if (shouldOpenOnFocus && isKeyboardFocus(event)) ask(true, event, getEnterDelay());
 			},
 			onBlur: (event) => {
 				if (shouldOpenOnFocus) ask(false, event, leaveDelay);
@@ -204,12 +261,12 @@ const mergeForwarded = (own, forwarded) => Object.fromEntries(Object.entries(for
 		current(...args);
 		value(...args);
 	}];
-	if (name === "aria-describedby" && current) return [name, `${String(current)} ${String(value)}`];
+	if (name === "aria-describedby" && typeof current === "string" && current) return [name, `${current} ${String(value)}`];
 	return [name, value];
 }));
 const getChildName = (title, own) => {
 	const isHidden = own["aria-hidden"] === true || own["aria-hidden"] === "true";
-	const isNamed = own["aria-label"] !== void 0 || own["aria-labelledby"] !== void 0;
+	const isNamed = Boolean(own["aria-label"] || own["aria-labelledby"]);
 	return typeof title === "string" && !isHidden && !isNamed ? { "aria-label": title } : {};
 };
 /**
@@ -245,7 +302,8 @@ function Tooltip({ children, anchorPosition, title, placement: placementProp, ha
 		leaveTouchDelay: leaveTouchDelayProp ?? dp.leaveTouchDelay ?? 1500,
 		shouldOpenOnHover: shouldOpenOnHoverProp ?? dp.shouldOpenOnHover ?? true,
 		shouldOpenOnFocus: shouldOpenOnFocusProp ?? dp.shouldOpenOnFocus ?? true,
-		shouldOpenOnTouch: shouldOpenOnTouchProp ?? dp.shouldOpenOnTouch ?? true
+		shouldOpenOnTouch: shouldOpenOnTouchProp ?? dp.shouldOpenOnTouch ?? true,
+		skipDelayDuration: dp.skipDelayDuration
 	});
 	const hasTitle = title !== void 0 && title !== null && title !== "";
 	const isShown = isOpen && hasTitle;
@@ -330,9 +388,30 @@ function Tooltip({ children, anchorPosition, title, placement: placementProp, ha
 		}) })
 	] });
 }
+// src/Tooltip/TooltipGroup.tsx
+/**
+* Lets the tooltips inside it open at once, with no enter delay, when the pointer or the focus
+* moves to the next one just after another closed - a toolbar or a rail read from one icon to the
+* next. It renders nothing of its own. Tooltips outside a group are unchanged, a touch keeps its
+* own delay, and a tooltip whose `isOpen` the app controls is left alone: the group neither opens
+* nor closes it, and it does not start the window.
+*/
+function TooltipGroup({ children, skipDelayDuration = 300 }) {
+	const state = (0, react.useMemo)(() => createTooltipGroupState(skipDelayDuration), [skipDelayDuration]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipGroupContext.Provider, {
+		value: state,
+		children
+	});
+}
 Object.defineProperty(exports, "Tooltip", {
 	enumerable: true,
 	get: function() {
 		return Tooltip;
 	}
 });
+Object.defineProperty(exports, "TooltipGroup", {
+	enumerable: true,
+	get: function() {
+		return TooltipGroup;
+	}
+});

package/dist/Tooltip.cjs

@@ -1,3 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Tooltip = require("./Tooltip-CrPRvmj3.cjs");
+const require_Tooltip = require("./Tooltip-rkGm1HnP.cjs");
 exports.Tooltip = require_Tooltip.Tooltip;
+exports.TooltipGroup = require_Tooltip.TooltipGroup;

package/dist/Tooltip.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-C6a3kDn2.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
 import { n as PopoverPosition } from "./computePopoverPosition-JgOwCM7k.cjs";
 import { ElementType, HTMLAttributes, ReactElement, ReactNode, Ref, SyntheticEvent } from "react";
 /** A side of its child a tooltip sits on - and, after the dash, which end of that side it lines up with. */
@@ -106,4 +106,22 @@ interface TooltipProps extends TooltipForwardedProps {
  * on the tooltip itself, closes on Escape, and never takes or traps the focus.
  */
 declare function Tooltip({ children, anchorPosition, title, placement: placementProp, hasArrow: hasArrowProp, enterDelay: enterDelayProp, leaveDelay: leaveDelayProp, enterTouchDelay: enterTouchDelayProp, leaveTouchDelay: leaveTouchDelayProp, shouldDescribeChild: shouldDescribeChildProp, isDescriptionPersistent: isDescriptionPersistentProp, isOpen: isOpenProp, defaultOpen, onOpen, onClose, isInteractive: isInteractiveProp, shouldWrapDisabledChild: shouldWrapDisabledChildProp, shouldOpenOnHover: shouldOpenOnHoverProp, shouldOpenOnFocus: shouldOpenOnFocusProp, shouldOpenOnTouch: shouldOpenOnTouchProp, slots, slotProps, layer: layerProp, borderRadius: borderRadiusProp, bg: bgProp, textColor: textColorProp, className, 'data-testid': dataTestid, ref: forwardedRef, ...forwarded }: Readonly<TooltipProps>): import("react").JSX.Element;
-export { Tooltip, TooltipForwardedProps, type TooltipPlacement, TooltipProps, TooltipSlotProps, TooltipSlots };
+interface TooltipGroupProps {
+  children?: ReactNode;
+  /**
+   * How long after a tooltip of the group closes the next one opens with no enter delay, in
+   * milliseconds - and for as long as one is open. After it, the tooltip's own `enterDelay`
+   * applies again. A tooltip that opens closes the one still showing, at once. It wins over
+   * `skipDelayDuration` in `theme.components.Tooltip.defaultProps`.
+   */
+  skipDelayDuration?: number;
+}
+/**
+ * Lets the tooltips inside it open at once, with no enter delay, when the pointer or the focus
+ * moves to the next one just after another closed - a toolbar or a rail read from one icon to the
+ * next. It renders nothing of its own. Tooltips outside a group are unchanged, a touch keeps its
+ * own delay, and a tooltip whose `isOpen` the app controls is left alone: the group neither opens
+ * nor closes it, and it does not start the window.
+ */
+declare function TooltipGroup({ children, skipDelayDuration }: Readonly<TooltipGroupProps>): import("react").JSX.Element;
+export { Tooltip, TooltipForwardedProps, TooltipGroup, TooltipGroupProps, type TooltipPlacement, TooltipProps, TooltipSlotProps, TooltipSlots };

package/dist/Tooltip.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DOH6uskj.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
 import { n as PopoverPosition } from "./computePopoverPosition-JgOwCM7k.mjs";
 import { ElementType, HTMLAttributes, ReactElement, ReactNode, Ref, SyntheticEvent } from "react";
 /** A side of its child a tooltip sits on - and, after the dash, which end of that side it lines up with. */
@@ -106,4 +106,22 @@ interface TooltipProps extends TooltipForwardedProps {
  * on the tooltip itself, closes on Escape, and never takes or traps the focus.
  */
 declare function Tooltip({ children, anchorPosition, title, placement: placementProp, hasArrow: hasArrowProp, enterDelay: enterDelayProp, leaveDelay: leaveDelayProp, enterTouchDelay: enterTouchDelayProp, leaveTouchDelay: leaveTouchDelayProp, shouldDescribeChild: shouldDescribeChildProp, isDescriptionPersistent: isDescriptionPersistentProp, isOpen: isOpenProp, defaultOpen, onOpen, onClose, isInteractive: isInteractiveProp, shouldWrapDisabledChild: shouldWrapDisabledChildProp, shouldOpenOnHover: shouldOpenOnHoverProp, shouldOpenOnFocus: shouldOpenOnFocusProp, shouldOpenOnTouch: shouldOpenOnTouchProp, slots, slotProps, layer: layerProp, borderRadius: borderRadiusProp, bg: bgProp, textColor: textColorProp, className, 'data-testid': dataTestid, ref: forwardedRef, ...forwarded }: Readonly<TooltipProps>): import("react").JSX.Element;
-export { Tooltip, TooltipForwardedProps, type TooltipPlacement, TooltipProps, TooltipSlotProps, TooltipSlots };
+interface TooltipGroupProps {
+  children?: ReactNode;
+  /**
+   * How long after a tooltip of the group closes the next one opens with no enter delay, in
+   * milliseconds - and for as long as one is open. After it, the tooltip's own `enterDelay`
+   * applies again. A tooltip that opens closes the one still showing, at once. It wins over
+   * `skipDelayDuration` in `theme.components.Tooltip.defaultProps`.
+   */
+  skipDelayDuration?: number;
+}
+/**
+ * Lets the tooltips inside it open at once, with no enter delay, when the pointer or the focus
+ * moves to the next one just after another closed - a toolbar or a rail read from one icon to the
+ * next. It renders nothing of its own. Tooltips outside a group are unchanged, a touch keeps its
+ * own delay, and a tooltip whose `isOpen` the app controls is left alone: the group neither opens
+ * nor closes it, and it does not start the window.
+ */
+declare function TooltipGroup({ children, skipDelayDuration }: Readonly<TooltipGroupProps>): import("react").JSX.Element;
+export { Tooltip, TooltipForwardedProps, TooltipGroup, TooltipGroupProps, type TooltipPlacement, TooltipProps, TooltipSlotProps, TooltipSlots };

package/dist/Tooltip.mjs

@@ -1 +1 @@
-export { t as Tooltip } from "./Tooltip-CwbuEQzf.mjs";
+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-C6a3kDn2.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-DOH6uskj.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-C6a3kDn2.cjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-DMysZsti.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-DOH6uskj.mjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-COgZvhXQ.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-C6a3kDn2.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-DOH6uskj.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-BJ375Sto.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-DDGpvgci.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.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-C6a3kDn2.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-DOH6uskj.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/engine.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-C6a3kDn2.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-DOH6uskj.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-Sq75GwA2.d.cts → index-3-LXZL7g.d.mts}

@@ -1,7 +1,7 @@
-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 { 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-DOH6uskj.d.mts → index-B-1sp9oV.d.mts}

@@ -553,6 +553,12 @@ interface TooltipOwnerState {
   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-hTgl9zwe.d.mts → index-BDVi1DNs.d.mts}

@@ -1,5 +1,5 @@
-import { ft as ThemeIconSizes } from "./index-DOH6uskj.mjs";
-import { n as TextColorToken } from "./index-COgZvhXQ.mjs";
+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;

package/dist/{index-3Xe5X6Ny.d.mts → index-BJIqJbF4.d.mts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-DOH6uskj.mjs";
-import { n as IconProps, r as IconName } from "./index-hTgl9zwe.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-CCEfrBNN.d.mts → index-BMeqk34D.d.mts}

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

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-C6a3kDn2.cjs";
-import { n as IconProps, r as IconName } from "./index-DAJ5DVHh.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-BLypGp0N.d.mts → index-BbWQZ2Wj.d.mts}

@@ -1,7 +1,7 @@
-import { nt as Theme, tt as TabsVariants } from "./index-DOH6uskj.mjs";
-import "./index-i8BxMDEC.mjs";
-import { t as TabValue } from "./TabsContext-VJcdZQOf.mjs";
-import { n as TabScrollButtonProps } from "./index-DlNBgVwb.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-v1I6VA9w.d.cts → index-BhWBXIkH.d.cts}

@@ -1,5 +1,5 @@
-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 { 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;

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

@@ -1,4 +1,4 @@
-import { i as ButtonProps } from "./index-gxBafJdz.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-BFUn2EWp.d.mts → index-Bwry7fNj.d.mts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-DOH6uskj.mjs";
-import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-C-ebcNOc.mjs";
+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;

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

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-C6a3kDn2.cjs";
-import { t as MenuItemValue } from "./MenuListContext-AnAxu0he.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-gHMydoIS.d.cts → index-C6uLwNRF.d.cts}

@@ -1,7 +1,7 @@
-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 { 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-C-ebcNOc.d.mts → index-C9jnQ-mQ.d.mts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-DOH6uskj.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-D7h8qFS1.d.cts → index-CGlDeiGk.d.cts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-C6a3kDn2.cjs";
-import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-BJ375Sto.cjs";
+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-C6a3kDn2.d.cts → index-CK-uaK5U.d.cts}

@@ -553,6 +553,12 @@ interface TooltipOwnerState {
   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-DAJ5DVHh.d.cts → index-CLTH0nFB.d.cts}

@@ -1,5 +1,5 @@
-import { ft as ThemeIconSizes } from "./index-C6a3kDn2.cjs";
-import { n as TextColorToken } from "./index-DMysZsti.cjs";
+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;

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

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DOH6uskj.mjs";
+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-CgyyM3ty.d.cts → index-CPmemva9.d.mts}

@@ -1,8 +1,8 @@
-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 { 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';

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

@@ -1,5 +1,5 @@
-import { t as MenuItemValue } from "./MenuListContext-DURKFg_T.mjs";
-import { i as MenuItemRole } from "./index-DbKYSbLs.mjs";
+import { t as MenuItemValue } from "./MenuListContext-BN1VV12-.mjs";
+import { i as MenuItemRole } from "./index-C3D70-3U.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-BVDN2XbT.d.mts → index-CZofj6vc.d.cts}

@@ -1,7 +1,7 @@
-import { nt as Theme } from "./index-DOH6uskj.mjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-CCEfrBNN.mjs";
-import { SpaceProps } from "@soroush.tech/styled-system";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-Cf2D7Y1b.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-i8BxMDEC.d.mts → index-C_K0hsEr.d.mts}

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

package/dist/index-C_n4ZPpQ.d.mts

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

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

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

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

@@ -1,4 +1,4 @@
-import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-C6a3kDn2.cjs";
+import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-CK-uaK5U.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-DsBOpK8T.d.mts → index-ClTo3BEJ.d.mts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-DOH6uskj.mjs";
-import { t as TableCellPadding } from "./TableContext-CPxH920f.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { t as TableCellPadding } from "./TableContext-jOlk5jxs.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-CBHCGizS.d.mts → index-CoHM1HQY.d.cts}

@@ -1,4 +1,4 @@
-import { i as ButtonProps } from "./index-CCEfrBNN.mjs";
+import { i as ButtonProps } from "./index-Cf2D7Y1b.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-COgZvhXQ.d.mts → index-Cp96BUYc.d.cts}

@@ -1,6 +1,6 @@
-import { jt as TypographyVariant, nt as Theme } from "./index-DOH6uskj.mjs";
-import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { jt as TypographyVariant, nt as Theme } from "./index-CK-uaK5U.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';
 /** Valid values for the color prop - derived from theme.text keys. */
 type TextColorToken = keyof Theme['text'];

package/dist/{index-CtwlReZi.d.cts → index-CvV0TCBK.d.cts}

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

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

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-C6a3kDn2.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-CK-uaK5U.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';