@soroush.tech/design-system 1.2.0 → 1.3.0

package/dist/Drawer.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-BJrcLd7P.cjs");
 const require_Paper = require("./Paper.cjs");
-const require_Modal = require("./Modal-S2nb35q-.cjs");
+const require_Modal = require("./Modal-Bjfv7n4e.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _emotion_react = require("@emotion/react");

package/dist/Drawer.d.cts

@@ -1,5 +1,5 @@
 import { n as PaperElevation } from "./index-CYTaYcm3.cjs";
-import { o as ModalProps } from "./index-BfpjEqqt.cjs";
+import { s as ModalProps } from "./index-0law1kXY.cjs";
 import { ReactNode } from "react";
 //#region src/Drawer/Drawer.d.ts
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';

package/dist/Drawer.d.mts

@@ -1,5 +1,5 @@
 import { n as PaperElevation } from "./index-KZUd8B5E.mjs";
-import { o as ModalProps } from "./index-Ds__py2h.mjs";
+import { s as ModalProps } from "./index-CqFd46gX.mjs";
 import { ReactNode } from "react";
 //#region src/Drawer/Drawer.d.ts
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';

package/dist/Drawer.mjs

@@ -1,6 +1,6 @@
 import { o as styled, r as keyframes, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { Paper } from "./Paper.mjs";
-import { t as Modal } from "./Modal-COLrJoNW.mjs";
+import { t as Modal } from "./Modal-C0oiFAj5.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Drawer/Drawer.tsx

package/dist/{Modal-S2nb35q-.cjs → Modal-Bjfv7n4e.cjs}

@@ -52,22 +52,26 @@ const ARIA_HIDDEN_FORBIDDEN_TAGS = /* @__PURE__ */ new Set([
 	"SOURCE",
 	"TRACK"
 ]);
-function ariaHidden(element, hide) {
-	if (hide) element.setAttribute("aria-hidden", "true");
-	else element.removeAttribute("aria-hidden");
+/** Hides an element from assistive tech. */
+function hideFromAria(element) {
+	element.setAttribute("aria-hidden", "true");
+}
+/** Reveals an element to assistive tech again. */
+function exposeToAria(element) {
+	element.removeAttribute("aria-hidden");
 }
 function isAriaHiddenForbidden(element) {
 	if (ARIA_HIDDEN_FORBIDDEN_TAGS.has(element.tagName)) return true;
 	return element.tagName === "INPUT" && element.getAttribute("type") === "hidden";
 }
-function ariaHiddenSiblings(container, mountElement, currentElement, hiddenSiblings, hide) {
+function ariaHiddenSiblings(container, mountElement, currentElement, hiddenSiblings, apply) {
 	const exclude = /* @__PURE__ */ new Set([
 		mountElement,
 		currentElement,
 		...hiddenSiblings
 	]);
 	Array.from(container.children).forEach((element) => {
-		if (!exclude.has(element) && !isAriaHiddenForbidden(element)) ariaHidden(element, hide);
+		if (!exclude.has(element) && !isAriaHiddenForbidden(element)) apply(element);
 	});
 }
 function getHiddenSiblings(container) {
@@ -116,9 +120,9 @@ var ModalManager = class {
 		if (existingIndex !== -1) return existingIndex;
 		const modalIndex = this.modals.length;
 		this.modals.push(modal);
-		ariaHidden(modal.modalRef, false);
+		exposeToAria(modal.modalRef);
 		const hiddenSiblings = getHiddenSiblings(container);
-		if (!disableAriaHidden) ariaHiddenSiblings(container, modal.mount, modal.modalRef, hiddenSiblings, true);
+		if (!disableAriaHidden) ariaHiddenSiblings(container, modal.mount, modal.modalRef, hiddenSiblings, hideFromAria);
 		const containerState = this.containers.find((item) => item.container === container);
 		if (containerState) {
 			containerState.modals.push(modal);
@@ -146,13 +150,13 @@ var ModalManager = class {
 		this.modals.splice(modalIndex, 1);
 		if (containerState.modals.length === 0) {
 			if (containerState.restore) containerState.restore();
-			ariaHidden(modal.modalRef, ariaHiddenState);
-			if (containerState.ariaHiddenApplied) ariaHiddenSiblings(containerState.container, modal.mount, modal.modalRef, containerState.hiddenSiblings, false);
+			(ariaHiddenState ? hideFromAria : exposeToAria)(modal.modalRef);
+			if (containerState.ariaHiddenApplied) ariaHiddenSiblings(containerState.container, modal.mount, modal.modalRef, containerState.hiddenSiblings, exposeToAria);
 			this.containers.splice(this.containers.indexOf(containerState), 1);
 		} else {
 			const nextTop = containerState.modals.at(-1);
-			ariaHidden(modal.modalRef, ariaHiddenState);
-			ariaHidden(nextTop.modalRef, false);
+			(ariaHiddenState ? hideFromAria : exposeToAria)(modal.modalRef);
+			exposeToAria(nextTop.modalRef);
 		}
 		return modalIndex;
 	}
@@ -338,10 +342,16 @@ Object.defineProperty(exports, "ModalManager", {
 		return ModalManager;
 	}
 });
-Object.defineProperty(exports, "ariaHidden", {
+Object.defineProperty(exports, "exposeToAria", {
+	enumerable: true,
+	get: function() {
+		return exposeToAria;
+	}
+});
+Object.defineProperty(exports, "hideFromAria", {
 	enumerable: true,
 	get: function() {
-		return ariaHidden;
+		return hideFromAria;
 	}
 });
 Object.defineProperty(exports, "useModal", {

package/dist/{Modal-COLrJoNW.mjs → Modal-C0oiFAj5.mjs}

@@ -51,22 +51,26 @@ const ARIA_HIDDEN_FORBIDDEN_TAGS = /* @__PURE__ */ new Set([
 	"SOURCE",
 	"TRACK"
 ]);
-function ariaHidden(element, hide) {
-	if (hide) element.setAttribute("aria-hidden", "true");
-	else element.removeAttribute("aria-hidden");
+/** Hides an element from assistive tech. */
+function hideFromAria(element) {
+	element.setAttribute("aria-hidden", "true");
+}
+/** Reveals an element to assistive tech again. */
+function exposeToAria(element) {
+	element.removeAttribute("aria-hidden");
 }
 function isAriaHiddenForbidden(element) {
 	if (ARIA_HIDDEN_FORBIDDEN_TAGS.has(element.tagName)) return true;
 	return element.tagName === "INPUT" && element.getAttribute("type") === "hidden";
 }
-function ariaHiddenSiblings(container, mountElement, currentElement, hiddenSiblings, hide) {
+function ariaHiddenSiblings(container, mountElement, currentElement, hiddenSiblings, apply) {
 	const exclude = /* @__PURE__ */ new Set([
 		mountElement,
 		currentElement,
 		...hiddenSiblings
 	]);
 	Array.from(container.children).forEach((element) => {
-		if (!exclude.has(element) && !isAriaHiddenForbidden(element)) ariaHidden(element, hide);
+		if (!exclude.has(element) && !isAriaHiddenForbidden(element)) apply(element);
 	});
 }
 function getHiddenSiblings(container) {
@@ -115,9 +119,9 @@ var ModalManager = class {
 		if (existingIndex !== -1) return existingIndex;
 		const modalIndex = this.modals.length;
 		this.modals.push(modal);
-		ariaHidden(modal.modalRef, false);
+		exposeToAria(modal.modalRef);
 		const hiddenSiblings = getHiddenSiblings(container);
-		if (!disableAriaHidden) ariaHiddenSiblings(container, modal.mount, modal.modalRef, hiddenSiblings, true);
+		if (!disableAriaHidden) ariaHiddenSiblings(container, modal.mount, modal.modalRef, hiddenSiblings, hideFromAria);
 		const containerState = this.containers.find((item) => item.container === container);
 		if (containerState) {
 			containerState.modals.push(modal);
@@ -145,13 +149,13 @@ var ModalManager = class {
 		this.modals.splice(modalIndex, 1);
 		if (containerState.modals.length === 0) {
 			if (containerState.restore) containerState.restore();
-			ariaHidden(modal.modalRef, ariaHiddenState);
-			if (containerState.ariaHiddenApplied) ariaHiddenSiblings(containerState.container, modal.mount, modal.modalRef, containerState.hiddenSiblings, false);
+			(ariaHiddenState ? hideFromAria : exposeToAria)(modal.modalRef);
+			if (containerState.ariaHiddenApplied) ariaHiddenSiblings(containerState.container, modal.mount, modal.modalRef, containerState.hiddenSiblings, exposeToAria);
 			this.containers.splice(this.containers.indexOf(containerState), 1);
 		} else {
 			const nextTop = containerState.modals.at(-1);
-			ariaHidden(modal.modalRef, ariaHiddenState);
-			ariaHidden(nextTop.modalRef, false);
+			(ariaHiddenState ? hideFromAria : exposeToAria)(modal.modalRef);
+			exposeToAria(nextTop.modalRef);
 		}
 		return modalIndex;
 	}
@@ -325,4 +329,4 @@ function Modal({ isOpen, children, onClose, hasBackdrop = true, shouldKeepMounte
 	}) : content;
 }
 //#endregion
-export { ariaHidden as i, useModal as n, ModalManager as r, Modal as t };
+export { hideFromAria as a, exposeToAria as i, useModal as n, ModalManager as r, Modal as t };

package/dist/Modal.cjs

@@ -1,6 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Modal = require("./Modal-S2nb35q-.cjs");
+const require_Modal = require("./Modal-Bjfv7n4e.cjs");
 exports.Modal = require_Modal.Modal;
 exports.ModalManager = require_Modal.ModalManager;
-exports.ariaHidden = require_Modal.ariaHidden;
+exports.exposeToAria = require_Modal.exposeToAria;
+exports.hideFromAria = require_Modal.hideFromAria;
 exports.useModal = require_Modal.useModal;

package/dist/Modal.d.cts

@@ -1,2 +1,2 @@
-import { a as Modal, c as ModalCloseReason, d as useModal, i as ariaHidden, l as UseModalParameters, n as ManagedModalProps, o as ModalProps, r as ModalManager, s as ModalScroll, t as ManagedModal, u as UseModalReturnValue } from "./index-BfpjEqqt.cjs";
-export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, ariaHidden, useModal };
+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-0law1kXY.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 Modal, c as ModalCloseReason, d as useModal, i as ariaHidden, l as UseModalParameters, n as ManagedModalProps, o as ModalProps, r as ModalManager, s as ModalScroll, t as ManagedModal, u as UseModalReturnValue } from "./index-Ds__py2h.mjs";
-export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, ariaHidden, useModal };
+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-CqFd46gX.mjs";
+export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };

package/dist/Modal.mjs

@@ -1,2 +1,2 @@
-import { i as ariaHidden, n as useModal, r as ModalManager, t as Modal } from "./Modal-COLrJoNW.mjs";
-export { Modal, ModalManager, ariaHidden, useModal };
+import { a as hideFromAria, i as exposeToAria, n as useModal, r as ModalManager, t as Modal } from "./Modal-C0oiFAj5.mjs";
+export { Modal, ModalManager, exposeToAria, hideFromAria, useModal };

package/dist/{Popover-BxN7ts_I.cjs → Popover-COoJ2p2I.cjs}

@@ -1,7 +1,7 @@
 const require_src = require("./src-BJrcLd7P.cjs");
 const require_theme = require("./theme-CleLAV6A.cjs");
 const require_Paper = require("./Paper.cjs");
-const require_Modal = require("./Modal-S2nb35q-.cjs");
+const require_Modal = require("./Modal-Bjfv7n4e.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");

package/dist/{Popover-BjGubpna.mjs → Popover-mz_rnf5s.mjs}

@@ -1,7 +1,7 @@
 import { o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import { Paper } from "./Paper.mjs";
-import { t as Modal } from "./Modal-COLrJoNW.mjs";
+import { t as Modal } from "./Modal-C0oiFAj5.mjs";
 import { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Popover/utils/resolveAnchorEl.ts

package/dist/Popover.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Popover = require("./Popover-BxN7ts_I.cjs");
+const require_Popover = require("./Popover-COoJ2p2I.cjs");
 exports.Popover = require_Popover.Popover;

package/dist/Popover.d.cts

@@ -1,7 +1,7 @@
 import "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
 import { n as PaperElevation, r as PaperProps } from "./index-CYTaYcm3.cjs";
-import { c as ModalCloseReason } from "./index-BfpjEqqt.cjs";
+import { l as ModalCloseReason } from "./index-0law1kXY.cjs";
 import { ReactNode, Ref } from "react";
 //#region src/Popover/utils/resolveAnchorEl.d.ts
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;

package/dist/Popover.d.mts

@@ -1,7 +1,7 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
 import "./index-D8b5OCLe.mjs";
 import { n as PaperElevation, r as PaperProps } from "./index-KZUd8B5E.mjs";
-import { c as ModalCloseReason } from "./index-Ds__py2h.mjs";
+import { l as ModalCloseReason } from "./index-CqFd46gX.mjs";
 import { ReactNode, Ref } from "react";
 //#region src/Popover/utils/resolveAnchorEl.d.ts
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;

package/dist/Popover.mjs

@@ -1,2 +1,2 @@
-import { t as Popover } from "./Popover-BjGubpna.mjs";
+import { t as Popover } from "./Popover-mz_rnf5s.mjs";
 export { Popover };

package/dist/Select.cjs

@@ -6,7 +6,7 @@ const require_Icon = require("./Icon-ByDvM-t1.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_inputVariantStyles = require("./inputVariantStyles-BBkkYQtE.cjs");
 const require_NativeSelect = require("./NativeSelect.cjs");
-const require_Popover = require("./Popover-BxN7ts_I.cjs");
+const require_Popover = require("./Popover-COoJ2p2I.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");

package/dist/Select.mjs

@@ -5,7 +5,7 @@ import { t as Icon } from "./Icon-GgwNXKEY.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import { NativeSelect } from "./NativeSelect.mjs";
-import { t as Popover } from "./Popover-BjGubpna.mjs";
+import { t as Popover } from "./Popover-mz_rnf5s.mjs";
 import { Children, cloneElement, isValidElement, useCallback, useId, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/Select/hooks/useSelectPopover.ts

package/dist/TextInput.cjs

@@ -203,6 +203,16 @@ function TextInput({ autoComplete, autoFocus, borderRadius, classes, components,
 		size,
 		"aria-describedby": inputProps?.["aria-describedby"] ?? fc["aria-describedby"]
 	};
+	let inputElement = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledInput, {
+		inputComponent: resolvedInputComponent,
+		inputSize,
+		...inputElProps
+	});
+	if (isTextarea) inputElement = isAutoResize ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAutoResizeTextarea, {
+		...inputElProps,
+		minRows: minRows ?? rows,
+		maxRows
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledTextarea, { ...inputElProps });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextInputRoot, {
 		as: components?.Root,
 		color,
@@ -215,15 +225,7 @@ function TextInput({ autoComplete, autoFocus, borderRadius, classes, components,
 		className: rootClassName,
 		"data-testid": dataTestid,
 		...spaceProps,
-		children: isTextarea && isAutoResize ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAutoResizeTextarea, {
-			...inputElProps,
-			minRows: minRows ?? rows,
-			maxRows
-		}) : isTextarea ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledTextarea, { ...inputElProps }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledInput, {
-			inputComponent: resolvedInputComponent,
-			inputSize,
-			...inputElProps
-		})
+		children: inputElement
 	});
 }
 //#endregion

package/dist/TextInput.mjs

@@ -201,6 +201,16 @@ function TextInput({ autoComplete, autoFocus, borderRadius, classes, components,
 		size,
 		"aria-describedby": inputProps?.["aria-describedby"] ?? fc["aria-describedby"]
 	};
+	let inputElement = /* @__PURE__ */ jsx(StyledInput, {
+		inputComponent: resolvedInputComponent,
+		inputSize,
+		...inputElProps
+	});
+	if (isTextarea) inputElement = isAutoResize ? /* @__PURE__ */ jsx(StyledAutoResizeTextarea, {
+		...inputElProps,
+		minRows: minRows ?? rows,
+		maxRows
+	}) : /* @__PURE__ */ jsx(StyledTextarea, { ...inputElProps });
 	return /* @__PURE__ */ jsx(TextInputRoot, {
 		as: components?.Root,
 		color,
@@ -213,15 +223,7 @@ function TextInput({ autoComplete, autoFocus, borderRadius, classes, components,
 		className: rootClassName,
 		"data-testid": dataTestid,
 		...spaceProps,
-		children: isTextarea && isAutoResize ? /* @__PURE__ */ jsx(StyledAutoResizeTextarea, {
-			...inputElProps,
-			minRows: minRows ?? rows,
-			maxRows
-		}) : isTextarea ? /* @__PURE__ */ jsx(StyledTextarea, { ...inputElProps }) : /* @__PURE__ */ jsx(StyledInput, {
-			inputComponent: resolvedInputComponent,
-			inputSize,
-			...inputElProps
-		})
+		children: inputElement
 	});
 }
 //#endregion

package/dist/{index-BfpjEqqt.d.cts → index-0law1kXY.d.cts}

@@ -77,7 +77,10 @@ interface ManagedModal {
 interface ManagedModalProps {
   disableScrollLock?: boolean;
 }
-declare function ariaHidden(element: Element, hide: boolean): void;
+/** Hides an element from assistive tech. */
+declare function hideFromAria(element: Element): void;
+/** Reveals an element to assistive tech again. */
+declare function exposeToAria(element: Element): void;
 /**
  * Tracks every open modal and the containers they live in. A single shared
  * instance coordinates stacking (`isTopModal`), scroll-lock, and `aria-hidden`
@@ -92,4 +95,4 @@ declare class ModalManager {
   isTopModal(modal: ManagedModal): boolean;
 }
 //#endregion
-export { Modal as a, ModalCloseReason as c, useModal as d, ariaHidden as i, UseModalParameters as l, ManagedModalProps as n, ModalProps as o, ModalManager as r, ModalScroll as s, ManagedModal as t, UseModalReturnValue as u };
+export { hideFromAria as a, ModalScroll as c, UseModalReturnValue as d, useModal as f, exposeToAria as i, ModalCloseReason as l, ManagedModalProps as n, Modal as o, ModalManager as r, ModalProps as s, ManagedModal as t, UseModalParameters as u };

package/dist/{index-Ds__py2h.d.mts → index-CqFd46gX.d.mts}

@@ -77,7 +77,10 @@ interface ManagedModal {
 interface ManagedModalProps {
   disableScrollLock?: boolean;
 }
-declare function ariaHidden(element: Element, hide: boolean): void;
+/** Hides an element from assistive tech. */
+declare function hideFromAria(element: Element): void;
+/** Reveals an element to assistive tech again. */
+declare function exposeToAria(element: Element): void;
 /**
  * Tracks every open modal and the containers they live in. A single shared
  * instance coordinates stacking (`isTopModal`), scroll-lock, and `aria-hidden`
@@ -92,4 +95,4 @@ declare class ModalManager {
   isTopModal(modal: ManagedModal): boolean;
 }
 //#endregion
-export { Modal as a, ModalCloseReason as c, useModal as d, ariaHidden as i, UseModalParameters as l, ManagedModalProps as n, ModalProps as o, ModalManager as r, ModalScroll as s, ManagedModal as t, UseModalReturnValue as u };
+export { hideFromAria as a, ModalScroll as c, UseModalReturnValue as d, useModal as f, exposeToAria as i, ModalCloseReason as l, ManagedModalProps as n, Modal as o, ModalManager as r, ModalProps as s, ManagedModal as t, UseModalParameters as u };

package/package.json

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