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

package/dist/{MenuItem-DdPzSWZY.mjs → MenuItem-hJeCsQZX.mjs}

@@ -5,7 +5,8 @@ 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-txSaWzfk.mjs";
-import { a as useMenuListContext, n as getNextRow, r as getOwnRows, t as MenuList } from "./MenuList-CGZgfBno.mjs";
+import { a as useMenuListContext, n as getNextRow, r as getOwnRows, t as MenuList } from "./MenuList-D7Pvpn_K.mjs";
+import { n as Tooltip } from "./Tooltip-Cx4ez9vY.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-CvCMGXuL.cjs");
+const require_MenuItem = require("./MenuItem-BWm8DC-S.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-CeFExef3.cjs";
+import { a as MenuItemSize, i as MenuItemRole, n as MenuItemColor, o as MenuItemTextColor, r as MenuItemProps, t as MenuItem } from "./index-d5jm3kxO.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-Bp9ECTzr.mjs";
+import { a as MenuItemSize, i as MenuItemRole, n as MenuItemColor, o as MenuItemTextColor, r as MenuItemProps, t as MenuItem } from "./index-C3D70-3U.mjs";
 export { MenuItem, MenuItemColor, MenuItemProps, MenuItemRole, MenuItemSize, MenuItemTextColor };

package/dist/MenuItem.mjs

@@ -1 +1 @@
-export { t as MenuItem } from "./MenuItem-DdPzSWZY.mjs";
+export { t as MenuItem } from "./MenuItem-hJeCsQZX.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-DJ_qJ1Uo.d.cts → MenuListContext-BN1VV12-.d.mts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
-import "./index-CAICXdTA.cjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import "./index-C_K0hsEr.mjs";
 import { SyntheticEvent } from "react";
 type MenuItemValue = string | number;
 interface MenuListContextValue {

package/dist/{MenuListContext-DiZAVDCb.d.mts → MenuListContext-BkQzp2DA.d.cts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
-import "./index-Buu5MtRG.mjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import "./index-CvV0TCBK.cjs";
 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-Dt-ZNTnC.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-vls8Jhdl.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-DtK3SaKA.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-COGZ6LV4.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-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 { 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-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 { 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-DvVQLBZc.cjs";
+import { nt as Theme } from "../index-CK-uaK5U.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-BWiDilH8.mjs";
+import { nt as Theme } from "../index-B-1sp9oV.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-DvVQLBZc.cjs";
+import { dn as FlexProps, nt as Theme } from "../index-CK-uaK5U.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-BWiDilH8.mjs";
+import { dn as FlexProps, nt as Theme } from "../index-B-1sp9oV.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-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.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-BWiDilH8.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.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-DhTzn0mf.cjs";
+import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-CwWM6Xfz.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-BgmEVOSj.mjs";
+import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-C9jnQ-mQ.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-DhTzn0mf.cjs";
-import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-Bo8Og0oC.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-CwWM6Xfz.cjs";
+import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-BhWBXIkH.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-BgmEVOSj.mjs";
-import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-DKNvADeE.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-C9jnQ-mQ.mjs";
+import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-Bwry7fNj.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-DvVQLBZc.cjs";
-import "./index-6zQ2VUlM.cjs";
+import { cn as PaperElevation, ln as PaperProps, sn as Paper } from "./index-CK-uaK5U.cjs";
+import "./index-fwRQcB91.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-BWiDilH8.mjs";
-import "./index-B1qv6yGM.mjs";
+import { cn as PaperElevation, ln as PaperProps, sn as Paper } from "./index-B-1sp9oV.mjs";
+import "./index-C_n4ZPpQ.mjs";
 export { Paper, PaperElevation, PaperProps };

package/dist/Popover.d.cts

@@ -1,7 +1,7 @@
-import { cn as PaperElevation, ln as PaperProps, nt as Theme } from "./index-DvVQLBZc.cjs";
-import "./index-6zQ2VUlM.cjs";
+import { cn as PaperElevation, ln as PaperProps, nt as Theme } from "./index-CK-uaK5U.cjs";
+import "./index-fwRQcB91.cjs";
 import { n as PopoverPosition, r as PopoverReference, t as PopoverOrigin } from "./computePopoverPosition-JgOwCM7k.cjs";
-import { l as ModalCloseReason } from "./index-Dt-ZNTnC.cjs";
+import { l as ModalCloseReason } from "./index-vls8Jhdl.cjs";
 import { ReactNode, Ref } from "react";
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
 interface PopoverActions {

package/dist/Popover.d.mts

@@ -1,7 +1,7 @@
-import { cn as PaperElevation, ln as PaperProps, nt as Theme } from "./index-BWiDilH8.mjs";
-import "./index-B1qv6yGM.mjs";
+import { cn as PaperElevation, ln as PaperProps, nt as Theme } from "./index-B-1sp9oV.mjs";
+import "./index-C_n4ZPpQ.mjs";
 import { n as PopoverPosition, r as PopoverReference, t as PopoverOrigin } from "./computePopoverPosition-JgOwCM7k.mjs";
-import { l as ModalCloseReason } from "./index-DtK3SaKA.mjs";
+import { l as ModalCloseReason } from "./index-COGZ6LV4.mjs";
 import { ReactNode, Ref } from "react";
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
 interface PopoverActions {

package/dist/Pressable.d.cts

@@ -1,2 +1,2 @@
-import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-fRyMPKtY.cjs";
+import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-Cc7Yhn7-.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-Dudkopvi.mjs";
+import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-xhbtDtsc.mjs";
 export { Pressable, PressableColor, PressableFeedback, PressableProps };

package/dist/Quote.d.cts

@@ -1,5 +1,5 @@
-import { nt as Theme, yn as ViewProps } from "./index-DvVQLBZc.cjs";
-import "./index-CAICXdTA.cjs";
+import { nt as Theme, yn as ViewProps } from "./index-CK-uaK5U.cjs";
+import "./index-CvV0TCBK.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-BWiDilH8.mjs";
-import "./index-Buu5MtRG.mjs";
+import { nt as Theme, yn as ViewProps } from "./index-B-1sp9oV.mjs";
+import "./index-C_K0hsEr.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-DvVQLBZc.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-CK-uaK5U.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-BWiDilH8.mjs";
+import { U as PaletteColor, nt as Theme } from "./index-B-1sp9oV.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-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.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-BWiDilH8.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.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-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.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-BWiDilH8.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.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-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.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-BWiDilH8.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.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-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 { 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-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 { 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-DvVQLBZc.cjs";
+import { dn as FlexProps } from "../index-CK-uaK5U.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 {

package/dist/Sidebar/Sidebar.d.mts

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

package/dist/Sidebar/SidebarItem.d.cts

@@ -1,6 +1,6 @@
-import { nt as Theme } from "../index-DvVQLBZc.cjs";
-import { r as IconName } from "../index-C3TrdOpQ.cjs";
-import { i as PressableProps } from "../index-fRyMPKtY.cjs";
+import { nt as Theme } from "../index-CK-uaK5U.cjs";
+import { r as IconName } from "../index-CLTH0nFB.cjs";
+import { i as PressableProps } from "../index-Cc7Yhn7-.cjs";
 import { i as SidebarItemVariant } from "../SidebarContext-Bod_oUMi.cjs";
 import { ReactNode } from "react";
 /** Density token - controls padding and font size. Resolves against `theme.sizes`. */

package/dist/Sidebar/SidebarItem.d.mts

@@ -1,6 +1,6 @@
-import { nt as Theme } from "../index-BWiDilH8.mjs";
-import { r as IconName } from "../index-DjmWIzXF.mjs";
-import { i as PressableProps } from "../index-Dudkopvi.mjs";
+import { nt as Theme } from "../index-B-1sp9oV.mjs";
+import { r as IconName } from "../index-BDVi1DNs.mjs";
+import { i as PressableProps } from "../index-xhbtDtsc.mjs";
 import { i as SidebarItemVariant } from "../SidebarContext-Bod_oUMi.mjs";
 import { ReactNode } from "react";
 /** Density token - controls padding and font size. Resolves against `theme.sizes`. */

package/dist/Skeleton.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
 import { HTMLAttributes } from "react";
 import { PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 type SkeletonVariant = 'text' | 'circular' | 'rectangular';

package/dist/Skeleton.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
 import { PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 type SkeletonVariant = 'text' | 'circular' | 'rectangular';

package/dist/Slide.d.cts

@@ -1,4 +1,4 @@
-import { n as TransitionProps } from "./useTransition-CF_Zy_tM.cjs";
+import { n as TransitionProps } from "./useTransition-DnOAXNav.cjs";
 /** The edge of the window the child slides in from. */
 type SlideDirection = 'up' | 'down' | 'left' | 'right';
 interface SlideProps extends TransitionProps {

package/dist/Slide.d.mts

@@ -1,4 +1,4 @@
-import { n as TransitionProps } from "./useTransition-B-hzi7Sm.mjs";
+import { n as TransitionProps } from "./useTransition-Dk84FQFT.mjs";
 /** The edge of the window the child slides in from. */
 type SlideDirection = 'up' | 'down' | 'left' | 'right';
 interface SlideProps extends TransitionProps {

package/dist/Snackbar.d.cts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
-import { n as TransitionProps } from "./useTransition-CF_Zy_tM.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { n as TransitionProps } from "./useTransition-DnOAXNav.cjs";
 import { t as Shape } from "./getShapeRadius-CdCQb8OT.cjs";
 import { n as PortalProps } from "./index-UloRwym_.cjs";
 import { ComponentType, ReactNode, SyntheticEvent } from "react";

package/dist/Snackbar.d.mts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
-import { n as TransitionProps } from "./useTransition-B-hzi7Sm.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { n as TransitionProps } from "./useTransition-Dk84FQFT.mjs";
 import { t as Shape } from "./getShapeRadius-CdCQb8OT.mjs";
 import { n as PortalProps } from "./index-UloRwym_.mjs";
 import { ComponentType, ReactNode, SyntheticEvent } from "react";

package/dist/Switch.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
 import { ChangeEvent, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type SwitchColor = keyof Theme['palette'];

package/dist/Switch.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";
 import { ChangeEvent, ReactNode } from "react";
 type SwitchColor = keyof Theme['palette'];

package/dist/Table/Table.d.cts

@@ -1,5 +1,5 @@
-import { U as PaletteColor, nt as Theme } from "../index-DvVQLBZc.cjs";
-import { t as TableCellPadding } from "../TableContext-4sJdk84N.cjs";
+import { U as PaletteColor, nt as Theme } from "../index-CK-uaK5U.cjs";
+import { t as TableCellPadding } from "../TableContext-BNwokJ3f.cjs";
 import { ElementType, TableHTMLAttributes } from "react";
 import { BorderProps, LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 /** Valid values for the bg prop - derived from theme.background keys. */

package/dist/Table/Table.d.mts

@@ -1,5 +1,5 @@
-import { U as PaletteColor, nt as Theme } from "../index-BWiDilH8.mjs";
-import { t as TableCellPadding } from "../TableContext-BCW5av9c.mjs";
+import { U as PaletteColor, nt as Theme } from "../index-B-1sp9oV.mjs";
+import { t as TableCellPadding } from "../TableContext-jOlk5jxs.mjs";
 import { BorderProps, LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, TableHTMLAttributes } from "react";
 /** Valid values for the bg prop - derived from theme.background keys. */

package/dist/Table/TableBody.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-DvVQLBZc.cjs";
+import { nt as Theme } from "../index-CK-uaK5U.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 /** Valid values for the color prop - derived from theme.text keys. */

package/dist/Table/TableBody.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-BWiDilH8.mjs";
+import { nt as Theme } from "../index-B-1sp9oV.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 /** Valid values for the color prop - derived from theme.text keys. */

package/dist/Table/TableCell.d.cts

@@ -1,2 +1,2 @@
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-HAVWK7RM.cjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-DOnYRzqY.cjs";
 export { TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellProps, TableCellSortDirection, TableCellVariant };

package/dist/Table/TableCell.d.mts

@@ -1,2 +1,2 @@
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-YKXzINGk.mjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-ClTo3BEJ.mjs";
 export { TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellProps, TableCellSortDirection, TableCellVariant };