@soroush.tech/design-system 1.1.0 → 1.3.0

package/dist/View.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 require("react");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
 //#region src/View/View.tsx

package/dist/engine.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("./rolldown-runtime-DDXJien1.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime-BloeesfJ.cjs");
 const require_emotion = require("./emotion-DviPkkGL.cjs");
 let _emotion_react = require("@emotion/react");
 let _emotion_cache = require("@emotion/cache");

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/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
 let _emotion_react = require("@emotion/react");
 Object.defineProperty(exports, "createShouldForwardProp", {

package/dist/{rolldown-runtime-DDXJien1.cjs → rolldown-runtime-BloeesfJ.cjs}

@@ -25,7 +25,7 @@ var __copyProps = (to, from, except, desc) => {
 	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));

package/dist/{src-C8PIppTy.cjs → src-BJrcLd7P.cjs}

@@ -1,4 +1,4 @@
-const require_rolldown_runtime = require("./rolldown-runtime-DDXJien1.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime-BloeesfJ.cjs");
 let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled, 1);
 let _emotion_react = require("@emotion/react");

package/dist/style.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _emotion_react = require("@emotion/react");
 //#region src/style/hooks/useStyle.ts

package/dist/style.mjs

@@ -1,4 +1,4 @@
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import { n as EmotionThemeContext } from "./emotion-BAyqVw0c.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/style/hooks/useStyle.ts

package/dist/{theme-Du6xgPsg.cjs → theme-CleLAV6A.cjs}

@@ -319,8 +319,9 @@ const baseTheme = {
 //#endregion
 //#region src/theme/ThemeProvider.tsx
 function ThemeProvider({ children, theme = baseTheme, defaults }) {
+	const value = (0, react.useMemo)(() => defaults ? createTheme(theme, { defaults }) : theme, [theme, defaults]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_emotion_react.ThemeProvider, {
-		theme: (0, react.useMemo)(() => defaults ? createTheme(theme, { defaults }) : theme, [theme, defaults]),
+		theme: value,
 		children
 	});
 }

package/dist/{theme-V6lYzd3j.mjs → theme-Cudynq5K.mjs}

@@ -319,8 +319,9 @@ const baseTheme = {
 //#endregion
 //#region src/theme/ThemeProvider.tsx
 function ThemeProvider({ children, theme = baseTheme, defaults }) {
+	const value = useMemo(() => defaults ? createTheme(theme, { defaults }) : theme, [theme, defaults]);
 	return /* @__PURE__ */ jsx(EmotionThemeProvider, {
-		theme: useMemo(() => defaults ? createTheme(theme, { defaults }) : theme, [theme, defaults]),
+		theme: value,
 		children
 	});
 }

package/dist/theme.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
 exports.ThemeProvider = require_theme.ThemeProvider;
 exports.avatar = require_theme.avatar;
 exports.baseTheme = require_theme.baseTheme;

package/dist/theme.mjs

@@ -1,3 +1,3 @@
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { _ as typography, a as avatar, c as fontSizes, d as icon, f as letterSpacings, g as space, h as sizes, i as ThemeProvider, l as fontWeights, m as radii, n as useDefaultProps, o as baseTheme, p as lineHeights, r as useTheme, s as borderWidths, t as withTheme, u as fonts, v as zOrder, y as createTheme } from "./theme-V6lYzd3j.mjs";
+import { _ as typography, a as avatar, c as fontSizes, d as icon, f as letterSpacings, g as space, h as sizes, i as ThemeProvider, l as fontWeights, m as radii, n as useDefaultProps, o as baseTheme, p as lineHeights, r as useTheme, s as borderWidths, t as withTheme, u as fonts, v as zOrder, y as createTheme } from "./theme-Cudynq5K.mjs";
 export { ThemeProvider, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, themeDefault, typography, useDefaultProps, useTheme, withTheme, zOrder };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/design-system",
-  "version": "1.1.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",
@@ -477,34 +477,34 @@
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@soroush.tech/styled-system": "^5.8.0"
+    "@soroush.tech/styled-system": "^5.8.1"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8"
   },
   "devDependencies": {
     "@emotion/css": "^11.13.5",
-    "@storybook/react-vite": "^10.5.0",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@storybook/react-vite": "^10.5.6",
+    "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
     "@vitest/browser-playwright": "^4.1.10",
     "@vitest/coverage-v8": "^4.1.10",
-    "eslint": "^10.7.0",
+    "eslint": "^10.8.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.3",
-    "eslint-plugin-storybook": "^10.5.0",
-    "globals": "^17.7.0",
+    "eslint-plugin-storybook": "^10.5.6",
+    "globals": "^17.9.0",
     "jsdom": "^29.1.1",
-    "playwright": "^1.61.1",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "storybook": "^10.5.0",
-    "tsdown": "^0.22.7",
+    "playwright": "^1.62.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "storybook": "^10.5.6",
+    "tsdown": "^0.22.14",
     "typescript": "~6.0.3",
     "vitest": "^4.1.10",
     "zod": "^4.4.3",