@pactor-app/blocks 1.44.0 → 1.47.0

package/dist/index.cjs

@@ -336,7 +336,7 @@ function Login({
       ]
     }
   );
-  const authColumn = (variant, identityAlways = false) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-h-svh flex-col bg-linear-to-b from-primary/5 via-background to-background dark:from-primary/10", children: [
+  const authColumn = (variant, identityAlways = false) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-h-[var(--login-min-h,100svh)] flex-col bg-linear-to-b from-primary/5 via-background to-background dark:from-primary/10", children: [
     brandIdentity ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("p-6", !identityAlways && "md:hidden"), children: brandIdentity }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-1 items-center justify-center p-6", children: authBox(variant) }),
     footerBar
@@ -367,7 +367,7 @@ function Login({
     brandVisual(),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
   ] });
-  const backdropAuthColumn = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative flex min-h-svh flex-col", children: [
+  const backdropAuthColumn = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative flex min-h-[var(--login-min-h,100svh)] flex-col", children: [
     brandIdentity ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-6 md:hidden", children: brandIdentity }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components2.Card, { className: "w-full max-w-[400px] p-2 shadow-xl md:p-4", children: authContent }) }),
     footerBar
@@ -379,7 +379,7 @@ function Login({
         "data-slot": "login",
         "data-layout": layout,
         className: cn(
-          "relative flex min-h-svh w-full flex-col overflow-hidden bg-background bg-linear-to-b from-primary/10 via-background to-background dark:from-primary/15",
+          "relative flex min-h-[var(--login-min-h,100svh)] w-full flex-col overflow-hidden bg-background bg-linear-to-b from-primary/10 via-background to-background dark:from-primary/15",
           className
         ),
         style,
@@ -402,7 +402,7 @@ function Login({
         "data-layout": layout,
         "data-brand-side": brandSide,
         className: cn(
-          "relative flex min-h-svh w-full flex-col overflow-hidden bg-background p-6 md:p-10",
+          "relative flex min-h-[var(--login-min-h,100svh)] w-full flex-col overflow-hidden bg-background p-6 md:p-10",
           className
         ),
         style,
@@ -428,7 +428,7 @@ function Login({
         "data-layout": layout,
         "data-brand-side": brandSide,
         className: cn(
-          "relative flex min-h-svh w-full flex-col overflow-hidden bg-background p-6 md:p-10",
+          "relative flex min-h-[var(--login-min-h,100svh)] w-full flex-col overflow-hidden bg-background p-6 md:p-10",
           className
         ),
         style,
@@ -454,7 +454,7 @@ function Login({
         "data-layout": layout,
         "data-brand-side": brandSide,
         className: cn(
-          "relative grid min-h-svh w-full overflow-hidden bg-linear-to-br from-primary/20 via-accent to-primary/10 md:grid-cols-2 dark:from-primary/25 dark:to-primary/15",
+          "relative grid min-h-[var(--login-min-h,100svh)] w-full overflow-hidden bg-linear-to-br from-primary/20 via-accent to-primary/10 md:grid-cols-2 dark:from-primary/25 dark:to-primary/15",
           className
         ),
         style,
@@ -483,7 +483,7 @@ function Login({
       "data-layout": layout,
       "data-brand-side": brandSide,
       className: cn(
-        "grid min-h-svh w-full bg-background md:[grid-template-columns:var(--login-grid)]",
+        "grid min-h-[var(--login-min-h,100svh)] w-full bg-background md:[grid-template-columns:var(--login-grid)]",
         className
       ),
       style: rootStyle,

package/dist/index.d.cts

@@ -79,7 +79,11 @@ interface LoginProps {
     children?: ReactNode;
     /** 通用：根节点 class（与内置样式合并） */
     className?: string;
-    /** 通用：根节点内联样式 */
+    /**
+     * 通用：根节点内联样式。
+     * 最小高度默认撑满视口（100svh）；嵌入定高容器（如预览框）时经 CSS 变量
+     * `--login-min-h` 覆盖（如 `100%`），变量继承到内部分栏列
+     */
     style?: CSSProperties;
     /** 校验通过后触发，参数为 { username, password }；登录请求与跳转由 DSL 编排 */
     onSubmit?: (values: Record<string, unknown>) => void;

package/dist/index.d.ts

@@ -79,7 +79,11 @@ interface LoginProps {
     children?: ReactNode;
     /** 通用：根节点 class（与内置样式合并） */
     className?: string;
-    /** 通用：根节点内联样式 */
+    /**
+     * 通用：根节点内联样式。
+     * 最小高度默认撑满视口（100svh）；嵌入定高容器（如预览框）时经 CSS 变量
+     * `--login-min-h` 覆盖（如 `100%`），变量继承到内部分栏列
+     */
     style?: CSSProperties;
     /** 校验通过后触发，参数为 { username, password }；登录请求与跳转由 DSL 编排 */
     onSubmit?: (values: Record<string, unknown>) => void;

package/dist/index.js

@@ -290,7 +290,7 @@ function Login({
       ]
     }
   );
-  const authColumn = (variant, identityAlways = false) => /* @__PURE__ */ jsxs("div", { className: "flex min-h-svh flex-col bg-linear-to-b from-primary/5 via-background to-background dark:from-primary/10", children: [
+  const authColumn = (variant, identityAlways = false) => /* @__PURE__ */ jsxs("div", { className: "flex min-h-[var(--login-min-h,100svh)] flex-col bg-linear-to-b from-primary/5 via-background to-background dark:from-primary/10", children: [
     brandIdentity ? /* @__PURE__ */ jsx("div", { className: cn("p-6", !identityAlways && "md:hidden"), children: brandIdentity }) : null,
     /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center p-6", children: authBox(variant) }),
     footerBar
@@ -321,7 +321,7 @@ function Login({
     brandVisual(),
     /* @__PURE__ */ jsx("div", {})
   ] });
-  const backdropAuthColumn = /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-svh flex-col", children: [
+  const backdropAuthColumn = /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-[var(--login-min-h,100svh)] flex-col", children: [
     brandIdentity ? /* @__PURE__ */ jsx("div", { className: "p-6 md:hidden", children: brandIdentity }) : null,
     /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsx(Card, { className: "w-full max-w-[400px] p-2 shadow-xl md:p-4", children: authContent }) }),
     footerBar
@@ -333,7 +333,7 @@ function Login({
         "data-slot": "login",
         "data-layout": layout,
         className: cn(
-          "relative flex min-h-svh w-full flex-col overflow-hidden bg-background bg-linear-to-b from-primary/10 via-background to-background dark:from-primary/15",
+          "relative flex min-h-[var(--login-min-h,100svh)] w-full flex-col overflow-hidden bg-background bg-linear-to-b from-primary/10 via-background to-background dark:from-primary/15",
           className
         ),
         style,
@@ -356,7 +356,7 @@ function Login({
         "data-layout": layout,
         "data-brand-side": brandSide,
         className: cn(
-          "relative flex min-h-svh w-full flex-col overflow-hidden bg-background p-6 md:p-10",
+          "relative flex min-h-[var(--login-min-h,100svh)] w-full flex-col overflow-hidden bg-background p-6 md:p-10",
           className
         ),
         style,
@@ -382,7 +382,7 @@ function Login({
         "data-layout": layout,
         "data-brand-side": brandSide,
         className: cn(
-          "relative flex min-h-svh w-full flex-col overflow-hidden bg-background p-6 md:p-10",
+          "relative flex min-h-[var(--login-min-h,100svh)] w-full flex-col overflow-hidden bg-background p-6 md:p-10",
           className
         ),
         style,
@@ -408,7 +408,7 @@ function Login({
         "data-layout": layout,
         "data-brand-side": brandSide,
         className: cn(
-          "relative grid min-h-svh w-full overflow-hidden bg-linear-to-br from-primary/20 via-accent to-primary/10 md:grid-cols-2 dark:from-primary/25 dark:to-primary/15",
+          "relative grid min-h-[var(--login-min-h,100svh)] w-full overflow-hidden bg-linear-to-br from-primary/20 via-accent to-primary/10 md:grid-cols-2 dark:from-primary/25 dark:to-primary/15",
           className
         ),
         style,
@@ -437,7 +437,7 @@ function Login({
       "data-layout": layout,
       "data-brand-side": brandSide,
       className: cn(
-        "grid min-h-svh w-full bg-background md:[grid-template-columns:var(--login-grid)]",
+        "grid min-h-[var(--login-min-h,100svh)] w-full bg-background md:[grid-template-columns:var(--login-grid)]",
         className
       ),
       style: rootStyle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pactor-app/blocks",
-  "version": "1.44.0",
+  "version": "1.47.0",
   "description": "Pactor blocks: composite block components built from @pactor-app/ui primitives (Login / EntityCard / CardList / RecordingPage / SiteFooter / rule & expression editors) with block component registry for the Renderer",
   "keywords": [
     "pactor",
@@ -35,7 +35,9 @@
     },
     "./styles.css": "./styles.css"
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "./styles.css"
+  ],
   "engines": {
     "node": ">=18"
   },
@@ -51,9 +53,9 @@
     "clsx": "^2.1.1",
     "lucide-react": "^1.34.0",
     "tailwind-merge": "^3.6.0",
-    "@pactor-app/runtime": "1.44.0",
-    "@pactor-app/ui": "1.44.0",
-    "@pactor-app/core": "1.44.0"
+    "@pactor-app/runtime": "1.47.0",
+    "@pactor-app/ui": "1.47.0",
+    "@pactor-app/core": "1.47.0"
   },
   "peerDependencies": {
     "react": ">=18",

package/styles.css

@@ -259,8 +259,8 @@
   .min-h-10 {
     min-height: calc(var(--spacing) * 10);
   }
-  .min-h-svh {
-    min-height: 100svh;
+  .min-h-\[var\(--login-min-h\,100svh\)\] {
+    min-height: var(--login-min-h,100svh);
   }
   .w-\(--anchor-width\) {
     width: var(--anchor-width);