@soroush.tech/design-system 2.0.0-rc.3 → 2.0.0-rc.5

package/dist/Typography.mjs

@@ -1,8 +1,8 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
-import { r as useTheme } from "./theme-Z9_QludW.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
+import { r as useTheme } from "./theme-DyyZQFzQ.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Typography/Typography.tsx
+// src/Typography/Typography.tsx
 const shouldForwardProp = createShouldForwardProp([
 	...props,
 	"noWrap",
@@ -58,5 +58,4 @@ function Typography({ variant = "body1", as, ...rest }) {
 		...rest
 	});
 }
-//#endregion
 export { Typography };

package/dist/View.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
 require("react");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
-//#region src/View/View.tsx
+// src/View/View.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"cursor",
@@ -37,5 +37,4 @@ const View = require_src.styled("div", {
 		require_src.src_exports.layoutFrame
 	]
 })();
-//#endregion
 exports.View = View;

package/dist/View.d.cts

@@ -1,2 +1,2 @@
-import { $t as ViewBorderRadiusToken, Qt as ViewBorderColorToken, Xt as View, Zt as ViewBackgroundToken, en as ViewBorderWidthToken, nn as ViewProps, tn as ViewColorToken } from "./index-DJ0f69wh.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-Lsm4v8fB.cjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/View.d.mts

@@ -1,2 +1,2 @@
-import { $t as ViewBorderRadiusToken, Qt as ViewBorderColorToken, Xt as View, Zt as ViewBackgroundToken, en as ViewBorderWidthToken, nn as ViewProps, tn as ViewColorToken } from "./index-CJhK7JND.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-CR8qkP8U.mjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/View.mjs

@@ -1,6 +1,6 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
 import "react";
-//#region src/View/View.tsx
+// src/View/View.tsx
 const shouldForwardProp = createShouldForwardProp([
 	...props,
 	"cursor",
@@ -35,5 +35,4 @@ const View = styled("div", {
 		src_exports.layoutFrame
 	]
 })();
-//#endregion
 export { View };

package/dist/Zoom.cjs

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_useTransitionChild = require("./useTransitionChild-COlRozbU.cjs");
+// src/Zoom/Zoom.tsx
+/**
+* @description Zooms one child in from nothing and out to nothing. The child holds a `ref` and
+* takes a `style`; out, it is hidden. A user who asked for less motion sees it change at once.
+*/
+function Zoom(props) {
+	return require_useTransitionChild.useTransitionChild(props, ({ status, duration, easing }) => ({
+		transform: status === "entering" || status === "entered" ? "none" : "scale(0)",
+		transition: `transform ${duration}ms ${easing}`,
+		visibility: status === "exited" ? "hidden" : void 0
+	}));
+}
+exports.Zoom = Zoom;

package/dist/Zoom.d.cts

@@ -0,0 +1,8 @@
+import { n as TransitionProps } from "./useTransition-C89K0mS7.cjs";
+type ZoomProps = TransitionProps;
+/**
+ * @description Zooms one child in from nothing and out to nothing. The child holds a `ref` and
+ * takes a `style`; out, it is hidden. A user who asked for less motion sees it change at once.
+ */
+declare function Zoom(props: Readonly<ZoomProps>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export { Zoom, ZoomProps };

package/dist/Zoom.d.mts

@@ -0,0 +1,8 @@
+import { n as TransitionProps } from "./useTransition-3EoagwIe.mjs";
+type ZoomProps = TransitionProps;
+/**
+ * @description Zooms one child in from nothing and out to nothing. The child holds a `ref` and
+ * takes a `style`; out, it is hidden. A user who asked for less motion sees it change at once.
+ */
+declare function Zoom(props: Readonly<ZoomProps>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export { Zoom, ZoomProps };

package/dist/Zoom.mjs

@@ -0,0 +1,14 @@
+import { t as useTransitionChild } from "./useTransitionChild-CFhlMm65.mjs";
+// src/Zoom/Zoom.tsx
+/**
+* @description Zooms one child in from nothing and out to nothing. The child holds a `ref` and
+* takes a `style`; out, it is hidden. A user who asked for less motion sees it change at once.
+*/
+function Zoom(props) {
+	return useTransitionChild(props, ({ status, duration, easing }) => ({
+		transform: status === "entering" || status === "entered" ? "none" : "scale(0)",
+		transition: `transform ${duration}ms ${easing}`,
+		visibility: status === "exited" ? "hidden" : void 0
+	}));
+}
+export { Zoom };