@soroush.tech/design-system 1.1.0 → 1.2.0

package/dist/Table/TableHead.cjs

@@ -1,30 +1,32 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-C8PIppTy.cjs");
+const require_src = require("../src-BJrcLd7P.cjs");
 const require_TableSectionContext = require("../TableSectionContext-pYlJ-duI.cjs");
 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");
 //#region src/Table/TableHead/TableHead.tsx
+const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([..._soroush_tech_styled_system_should_forward_prop.props]);
+const colorSystem = (0, require_src.src_exports.system)({
+	color: {
+		property: "color",
+		scale: "text"
+	},
+	bg: {
+		property: "backgroundColor",
+		scale: "background"
+	},
+	borderColor: {
+		property: "borderColor",
+		scale: "border"
+	}
+});
 const TableHeadBase = require_src.styled("thead", {
 	name: "TableHead",
 	label: "TableHead",
-	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([..._soroush_tech_styled_system_should_forward_prop.props]),
+	shouldForwardProp,
 	systemProps: [
 		require_src.src_exports.space,
-		(0, require_src.src_exports.system)({
-			color: {
-				property: "color",
-				scale: "text"
-			},
-			bg: {
-				property: "backgroundColor",
-				scale: "background"
-			},
-			borderColor: {
-				property: "borderColor",
-				scale: "border"
-			}
-		}),
+		colorSystem,
 		require_src.src_exports.border
 	]
 })();

package/dist/Table/TableHead.mjs

@@ -3,26 +3,28 @@ import { t as TableSectionContext } from "../TableSectionContext-meIG4lFZ.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Table/TableHead/TableHead.tsx
+const shouldForwardProp = createShouldForwardProp([...props]);
+const colorSystem = (0, src_exports.system)({
+	color: {
+		property: "color",
+		scale: "text"
+	},
+	bg: {
+		property: "backgroundColor",
+		scale: "background"
+	},
+	borderColor: {
+		property: "borderColor",
+		scale: "border"
+	}
+});
 const TableHeadBase = styled("thead", {
 	name: "TableHead",
 	label: "TableHead",
-	shouldForwardProp: createShouldForwardProp([...props]),
+	shouldForwardProp,
 	systemProps: [
 		src_exports.space,
-		(0, src_exports.system)({
-			color: {
-				property: "color",
-				scale: "text"
-			},
-			bg: {
-				property: "backgroundColor",
-				scale: "background"
-			},
-			borderColor: {
-				property: "borderColor",
-				scale: "border"
-			}
-		}),
+		colorSystem,
 		src_exports.border
 	]
 })();

package/dist/Table/TablePagination.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");
 const require_Typography = require("../Typography.cjs");
 const require_NativeSelect = require("../NativeSelect.cjs");
 const require_Table_TableCell = require("./TableCell.cjs");

package/dist/Table/TablePaginationActions.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-C8PIppTy.cjs");
+const require_src = require("../src-BJrcLd7P.cjs");
 const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
-const require_theme = require("../theme-Du6xgPsg.cjs");
+const require_theme = require("../theme-CleLAV6A.cjs");
 const require_Pagination_PaginationItem = require("../Pagination/PaginationItem.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Table/TablePaginationActions.mjs

@@ -1,6 +1,6 @@
 import { o as styled } from "../src-BJy4dM4f.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "../theme-V6lYzd3j.mjs";
+import { r as useTheme } from "../theme-Cudynq5K.mjs";
 import { PaginationItem } from "../Pagination/PaginationItem.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Table/TableRow.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");
 const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
 const require_TableContext = require("../TableContext-Bfg1C3Sr.cjs");
 let react = require("react");

package/dist/Table/TableSortLabel.cjs

@@ -1,19 +1,20 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-C8PIppTy.cjs");
-const require_Icon = require("../Icon-BOjk5r39.cjs");
+const require_src = require("../src-BJrcLd7P.cjs");
+const require_Icon = require("../Icon-ByDvM-t1.cjs");
 const require_TableContext = require("../TableContext-Bfg1C3Sr.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");
 //#region src/Table/TableSortLabel/TableSortLabel.tsx
+const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
+	..._soroush_tech_styled_system_should_forward_prop.props,
+	"isActive",
+	"shouldHideSortIcon"
+]);
 const SortLabelRoot = require_src.styled("button", {
 	name: "TableSortLabel",
 	label: "TableSortLabel",
-	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
-		..._soroush_tech_styled_system_should_forward_prop.props,
-		"isActive",
-		"shouldHideSortIcon"
-	]),
+	shouldForwardProp,
 	systemProps: [require_src.src_exports.space]
 })({
 	display: "inline-flex",

package/dist/Table/TableSortLabel.mjs

@@ -1,17 +1,18 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BJy4dM4f.mjs";
-import { t as Icon } from "../Icon-CYjD0Bad.mjs";
+import { t as Icon } from "../Icon-GgwNXKEY.mjs";
 import { t as TableContext } from "../TableContext-Dyr89h_k.mjs";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Table/TableSortLabel/TableSortLabel.tsx
+const shouldForwardProp = createShouldForwardProp([
+	...props,
+	"isActive",
+	"shouldHideSortIcon"
+]);
 const SortLabelRoot = styled("button", {
 	name: "TableSortLabel",
 	label: "TableSortLabel",
-	shouldForwardProp: createShouldForwardProp([
-		...props,
-		"isActive",
-		"shouldHideSortIcon"
-	]),
+	shouldForwardProp,
 	systemProps: [src_exports.space]
 })({
 	display: "inline-flex",

package/dist/Table/hooks.cjs

@@ -40,6 +40,7 @@ const toggleKey = (selected, selectedSet, key) => selectedSet.has(key) ? selecte
 */
 function useTableSelection(keys, onChange) {
 	const [selected, setSelected] = (0, react.useState)([]);
+	const keysKey = JSON.stringify(keys);
 	return (0, react.useMemo)(() => {
 		const selectedSet = new Set(selected);
 		const isAllSelected = keys.length > 0 && keys.every((key) => selectedSet.has(key));
@@ -64,7 +65,7 @@ function useTableSelection(keys, onChange) {
 		};
 	}, [
 		selected,
-		JSON.stringify(keys),
+		keysKey,
 		onChange
 	]);
 }

package/dist/Table/hooks.mjs

@@ -39,6 +39,7 @@ const toggleKey = (selected, selectedSet, key) => selectedSet.has(key) ? selecte
 */
 function useTableSelection(keys, onChange) {
 	const [selected, setSelected] = useState([]);
+	const keysKey = JSON.stringify(keys);
 	return useMemo(() => {
 		const selectedSet = new Set(selected);
 		const isAllSelected = keys.length > 0 && keys.every((key) => selectedSet.has(key));
@@ -63,7 +64,7 @@ function useTableSelection(keys, onChange) {
 		};
 	}, [
 		selected,
-		JSON.stringify(keys),
+		keysKey,
 		onChange
 	]);
 }

package/dist/TextInput.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_inputVariantStyles = require("./inputVariantStyles-BBkkYQtE.cjs");
 let react = require("react");
@@ -33,17 +33,18 @@ const TextAreaAutoResize = (0, react.forwardRef)(function TextAreaAutoResize({ v
 		minRows,
 		maxRows
 	]);
+	const handleChange = (0, react.useCallback)((e) => {
+		adjust(e.currentTarget, minRows, maxRows);
+		onChange?.(e);
+	}, [
+		onChange,
+		minRows,
+		maxRows
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
 		ref: setRef,
 		value,
-		onChange: (0, react.useCallback)((e) => {
-			adjust(e.currentTarget, minRows, maxRows);
-			onChange?.(e);
-		}, [
-			onChange,
-			minRows,
-			maxRows
-		]),
+		onChange: handleChange,
 		...rest
 	});
 });

package/dist/TextInput.mjs

@@ -1,6 +1,6 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import { forwardRef, useCallback, useLayoutEffect, useRef } from "react";
@@ -31,17 +31,18 @@ const TextAreaAutoResize = forwardRef(function TextAreaAutoResize({ value, onCha
 		minRows,
 		maxRows
 	]);
+	const handleChange = useCallback((e) => {
+		adjust(e.currentTarget, minRows, maxRows);
+		onChange?.(e);
+	}, [
+		onChange,
+		minRows,
+		maxRows
+	]);
 	return /* @__PURE__ */ jsx("textarea", {
 		ref: setRef,
 		value,
-		onChange: useCallback((e) => {
-			adjust(e.currentTarget, minRows, maxRows);
-			onChange?.(e);
-		}, [
-			onChange,
-			minRows,
-			maxRows
-		]),
+		onChange: handleChange,
 		...rest
 	});
 });

package/dist/ToggleButton/ToggleButton.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-C8PIppTy.cjs");
+const require_src = require("../src-BJrcLd7P.cjs");
 const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
 const require_utils = require("../utils.cjs");
-const require_theme = require("../theme-Du6xgPsg.cjs");
+const require_theme = require("../theme-CleLAV6A.cjs");
 const require_ButtonGroupContext = require("../ButtonGroupContext-NtkVeDVE.cjs");
 const require_Button = require("../Button.cjs");
 const require_ToggleButtonGroupContext = require("../ToggleButtonGroupContext-Ewc5Ixas.cjs");

package/dist/ToggleButton/ToggleButton.mjs

@@ -1,7 +1,7 @@
 import { a as src_exports, o as styled } from "../src-BJy4dM4f.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "../utils.mjs";
-import { r as useTheme } from "../theme-V6lYzd3j.mjs";
+import { r as useTheme } from "../theme-Cudynq5K.mjs";
 import { t as ButtonGroupContext } from "../ButtonGroupContext-DS-kl9lG.mjs";
 import { Button } from "../Button.mjs";
 import { t as ToggleButtonGroupContext } from "../ToggleButtonGroupContext-DxIyy8ze.mjs";

package/dist/ToggleButton/ToggleButtonGroup.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-C8PIppTy.cjs");
+const require_src = require("../src-BJrcLd7P.cjs");
 const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
-const require_theme = require("../theme-Du6xgPsg.cjs");
+const require_theme = require("../theme-CleLAV6A.cjs");
 const require_ButtonGroup = require("../ButtonGroup.cjs");
 const require_ToggleButtonGroupContext = require("../ToggleButtonGroupContext-Ewc5Ixas.cjs");
 let react = require("react");

package/dist/ToggleButton/ToggleButtonGroup.mjs

@@ -1,6 +1,6 @@
 import { o as styled } from "../src-BJy4dM4f.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "../theme-V6lYzd3j.mjs";
+import { r as useTheme } from "../theme-Cudynq5K.mjs";
 import { ButtonGroup } from "../ButtonGroup.mjs";
 import { t as ToggleButtonGroupContext } from "../ToggleButtonGroupContext-DxIyy8ze.mjs";
 import { useMemo } from "react";

package/dist/Typography.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
 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/Typography.mjs

@@ -1,5 +1,5 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Typography/Typography.tsx

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.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.2.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",