@1money/component-ui 0.0.90 → 0.0.91

package/lib/components/FormLayout/FormLayout.js

@@ -0,0 +1,138 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormRow = exports.FormLayout = exports.FormCell = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _Typography = require("../Typography");
+var _classnames = _interopRequireWildcard(require("../../utils/classnames"));
+var _config = require("./config");
+var _context = require("./context");
+require("./style");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var SCROLL_FADE_DELAY = 1000;
+var FormLayoutBase = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
+  var _a$variant = _a.variant,
+    variant = _a$variant === void 0 ? 'page' : _a$variant,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'large' : _a$size,
+    scroll = _a.scroll,
+    title = _a.title,
+    extra = _a.extra,
+    children = _a.children,
+    footer = _a.footer,
+    width = _a.width,
+    maxHeight = _a.maxHeight,
+    _a$prefixCls = _a.prefixCls,
+    prefixCls = _a$prefixCls === void 0 ? _config.FORM_LAYOUT_PREFIX : _a$prefixCls,
+    className = _a.className,
+    style = _a.style,
+    rest = __rest(_a, ["variant", "size", "scroll", "title", "extra", "children", "footer", "width", "maxHeight", "prefixCls", "className", "style"]);
+  var classes = (0, _classnames["default"])(prefixCls);
+  var resolvedWidth = typeof width === 'number' ? "".concat(width, "px") : width;
+  // While a scroll is in flight the content carries a `-scrolling` class so
+  // the (otherwise invisible) overlay scrollbar thumb shows, fading out one
+  // second after the last scroll event — ported from the app's PopupForm.
+  // Scroll policy: the variant supplies the default (modal → true,
+  // page → false); an explicit `scroll` prop overrides it.
+  var scrollable = scroll !== null && scroll !== void 0 ? scroll : variant === 'modal';
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    scrolling = _useState2[0],
+    setScrolling = _useState2[1];
+  var fadeTimer = (0, _react.useRef)(undefined);
+  (0, _react.useEffect)(function () {
+    return function () {
+      return clearTimeout(fadeTimer.current);
+    };
+  }, []);
+  var handleScroll = scrollable ? function () {
+    setScrolling(true);
+    clearTimeout(fadeTimer.current);
+    fadeTimer.current = setTimeout(function () {
+      return setScrolling(false);
+    }, SCROLL_FADE_DELAY);
+  } : undefined;
+  var titleNode = typeof title === 'string' || typeof title === 'number' ? (0, _jsxRuntime.jsx)(_Typography.Typography.Headline, {
+    size: 'sm',
+    as: 'h2',
+    color: 'default',
+    children: title
+  }) : title;
+  return (0, _jsxRuntime.jsx)(_context.FormControlSizeContext.Provider, {
+    value: (0, _config.resolveFormLayoutConfig)(variant, size).controlSize,
+    children: (0, _jsxRuntime.jsxs)("div", Object.assign({}, rest, {
+      ref: ref,
+      className: (0, _classnames.joinCls)(classes(), classes(variant), scrollable && classes('scrollable'), className),
+      style: Object.assign(Object.assign(Object.assign(Object.assign({}, (0, _config.formLayoutCssVars)(variant, size)), resolvedWidth ? {
+        width: resolvedWidth
+      } : null), maxHeight != null ? {
+        maxHeight: typeof maxHeight === 'number' ? "".concat(maxHeight, "px") : maxHeight
+      } : null), style),
+      children: [(title != null || extra != null) && (0, _jsxRuntime.jsxs)("div", {
+        className: classes(_config.FORM_LAYOUT_SLOT.header),
+        children: [title != null && (0, _jsxRuntime.jsx)("div", {
+          className: classes(_config.FORM_LAYOUT_SLOT.title),
+          children: titleNode
+        }), extra != null && (0, _jsxRuntime.jsx)("div", {
+          className: classes(_config.FORM_LAYOUT_SLOT.extra),
+          children: extra
+        })]
+      }), children != null && (0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.joinCls)(classes(_config.FORM_LAYOUT_SLOT.content), scrolling && classes("".concat(_config.FORM_LAYOUT_SLOT.content, "-scrolling"))),
+        onScroll: handleScroll,
+        children: children
+      }), footer != null && (0, _jsxRuntime.jsx)("div", {
+        className: classes(_config.FORM_LAYOUT_SLOT.footer),
+        children: footer
+      })]
+    }))
+  });
+});
+FormLayoutBase.displayName = 'FormLayout';
+/**
+ * One multi-column row inside the fields region. Cells share the row evenly;
+ * the gutter reads the SAME css variable the layout sets, so it follows the
+ * variant density automatically. Full-width fields don't need a FormRow —
+ * they are direct children of the layout. Rows and full-width children mix
+ * freely. Also available as `FormLayout.Row`.
+ */
+var FormRow = exports.FormRow = function FormRow(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return (0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.joinCls)((0, _classnames["default"])(_config.FORM_LAYOUT_PREFIX)('row'), className),
+    children: children
+  });
+};
+/**
+ * One cell of a FormRow; cells split the row evenly and clip long content.
+ * Also available as `FormLayout.Cell`.
+ */
+var FormCell = exports.FormCell = function FormCell(_ref2) {
+  var children = _ref2.children,
+    className = _ref2.className;
+  return (0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.joinCls)((0, _classnames["default"])(_config.FORM_LAYOUT_PREFIX)('cell'), className),
+    children: children
+  });
+};
+var FormLayout = exports.FormLayout = Object.assign(/*#__PURE__*/(0, _react.memo)(FormLayoutBase), {
+  Row: FormRow,
+  Cell: FormCell
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvRm9ybUxheW91dC9Gb3JtTGF5b3V0LmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Gb3JtTGF5b3V0L0Zvcm1MYXlvdXQudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9UeXBvZ3JhcGh5IiwiX2NsYXNzbmFtZXMiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9jb25maWciLCJfY29udGV4dCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIl9fcmVzdCIsInMiLCJwIiwicHJvdG90eXBlIiwiaW5kZXhPZiIsImdldE93blByb3BlcnR5U3ltYm9scyIsImxlbmd0aCIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwiU0NST0xMX0ZBREVfREVMQVkiLCJGb3JtTGF5b3V0QmFzZSIsImZvcndhcmRSZWYiLCJfYSIsInJlZiIsIl9hJHZhcmlhbnQiLCJ2YXJpYW50IiwiX2Ekc2l6ZSIsInNpemUiLCJzY3JvbGwiLCJ0aXRsZSIsImV4dHJhIiwiY2hpbGRyZW4iLCJmb290ZXIiLCJ3aWR0aCIsIm1heEhlaWdodCIsIl9hJHByZWZpeENscyIsInByZWZpeENscyIsIkZPUk1fTEFZT1VUX1BSRUZJWCIsImNsYXNzTmFtZSIsInN0eWxlIiwicmVzdCIsImNsYXNzZXMiLCJjbGFzc25hbWVzIiwicmVzb2x2ZWRXaWR0aCIsImNvbmNhdCIsInNjcm9sbGFibGUiLCJfdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheTIiLCJzY3JvbGxpbmciLCJzZXRTY3JvbGxpbmciLCJmYWRlVGltZXIiLCJ1c2VSZWYiLCJ1bmRlZmluZWQiLCJ1c2VFZmZlY3QiLCJjbGVhclRpbWVvdXQiLCJjdXJyZW50IiwiaGFuZGxlU2Nyb2xsIiwic2V0VGltZW91dCIsInRpdGxlTm9kZSIsIl9qc3giLCJUeXBvZ3JhcGh5IiwiSGVhZGxpbmUiLCJhcyIsImNvbG9yIiwiRm9ybUNvbnRyb2xTaXplQ29udGV4dCIsIlByb3ZpZGVyIiwidmFsdWUiLCJyZXNvbHZlRm9ybUxheW91dENvbmZpZyIsImNvbnRyb2xTaXplIiwiX2pzeHMiLCJhc3NpZ24iLCJqb2luQ2xzIiwiZm9ybUxheW91dENzc1ZhcnMiLCJGT1JNX0xBWU9VVF9TTE9UIiwiaGVhZGVyIiwiY29udGVudCIsIm9uU2Nyb2xsIiwiZGlzcGxheU5hbWUiLCJGb3JtUm93IiwiZXhwb3J0cyIsIl9yZWYiLCJGb3JtQ2VsbCIsIl9yZWYyIiwiRm9ybUxheW91dCIsIm1lbW8iLCJSb3ciLCJDZWxsIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFXQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUNYQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxXQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxXQUFBLEdBQUFDLHVCQUFBLENBQUFKLE9BQUE7QUFDQSxJQUFBSyxPQUFBLEdBQUFMLE9BQUE7QUFDQSxJQUFBTSxRQUFBLEdBQUFOLE9BQUE7QUFHQUEsT0FBQTtBQUFpQixTQUFBTyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFBRixDQUFBO0FBQUEsU0FBQUosd0JBQUFJLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSxnQkFB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QThDLEtBQUEsQ0FBVDlDLFNBQVM7RUFBQSxPQUMvRCxJQUFBdUIsZUFBQSxFQUFBLEtBQUEsRUFBQTtJQUFLdkIsU0FBUyxFQUFFLElBQUFtQyxtQkFBTyxFQUFDLElBQUEvQixzQkFBVSxFQUFDTCwwQkFBa0IsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxFQUFFQyxTQUFTLENBQUM7SUFBQVAsUUFBQSxFQUFHQTtFQUFRLENBQUEsQ0FBTztBQUFBLENBQzdGO0FBRU0sSUFBTXNELFVBQVUsR0FBQUosT0FBQSxDQUFBSSxVQUFBLEdBQUdsRixNQUFNLENBQUNxRSxNQUFNLGNBQUMsSUFBQWMsV0FBSSxFQUFDbEUsY0FBYyxDQUFDLEVBQUU7RUFDNURtRSxHQUFHLEVBQUVQLE9BQU87RUFDWlEsSUFBSSxFQUFFTDtBRHBFUixDQ3FFQyxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvRm9ybUxheW91dC9Gb3JtTGF5b3V0LmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fcmVzdCA9ICh0aGlzICYmIHRoaXMuX19yZXN0KSB8fCBmdW5jdGlvbiAocywgZSkge1xuICAgIHZhciB0ID0ge307XG4gICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApICYmIGUuaW5kZXhPZihwKSA8IDApXG4gICAgICAgIHRbcF0gPSBzW3BdO1xuICAgIGlmIChzICE9IG51bGwgJiYgdHlwZW9mIE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMgPT09IFwiZnVuY3Rpb25cIilcbiAgICAgICAgZm9yICh2YXIgaSA9IDAsIHAgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHMpOyBpIDwgcC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgaWYgKGUuaW5kZXhPZihwW2ldKSA8IDAgJiYgT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZS5jYWxsKHMsIHBbaV0pKVxuICAgICAgICAgICAgICAgIHRbcFtpXV0gPSBzW3BbaV1dO1xuICAgICAgICB9XG4gICAgcmV0dXJuIHQ7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIG1lbW8sIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IGRlZmF1bHQgYXMgY2xhc3NuYW1lcywgam9pbkNscyB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0IHsgRk9STV9MQVlPVVRfUFJFRklYLCBGT1JNX0xBWU9VVF9TTE9ULCBmb3JtTGF5b3V0Q3NzVmFycywgcmVzb2x2ZUZvcm1MYXlvdXRDb25maWcgfSBmcm9tICcuL2NvbmZpZyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbFNpemVDb250ZXh0IH0gZnJvbSAnLi9jb250ZXh0JztcbmltcG9ydCAnLi9zdHlsZSc7XG5jb25zdCBTQ1JPTExfRkFERV9ERUxBWSA9IDEwMDA7XG5jb25zdCBGb3JtTGF5b3V0QmFzZSA9IGZvcndhcmRSZWYoKF9hLCByZWYpID0+IHtcbiAgICB2YXIgeyB2YXJpYW50ID0gJ3BhZ2UnLCBzaXplID0gJ2xhcmdlJywgc2Nyb2xsLCB0aXRsZSwgZXh0cmEsIGNoaWxkcmVuLCBmb290ZXIsIHdpZHRoLCBtYXhIZWlnaHQsIHByZWZpeENscyA9IEZPUk1fTEFZT1VUX1BSRUZJWCwgY2xhc3NOYW1lLCBzdHlsZSB9ID0gX2EsIHJlc3QgPSBfX3Jlc3QoX2EsIFtcInZhcmlhbnRcIiwgXCJzaXplXCIsIFwic2Nyb2xsXCIsIFwidGl0bGVcIiwgXCJleHRyYVwiLCBcImNoaWxkcmVuXCIsIFwiZm9vdGVyXCIsIFwid2lkdGhcIiwgXCJtYXhIZWlnaHRcIiwgXCJwcmVmaXhDbHNcIiwgXCJjbGFzc05hbWVcIiwgXCJzdHlsZVwiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCByZXNvbHZlZFdpZHRoID0gdHlwZW9mIHdpZHRoID09PSAnbnVtYmVyJyA/IGAke3dpZHRofXB4YCA6IHdpZHRoO1xuICAgIC8vIFdoaWxlIGEgc2Nyb2xsIGlzIGluIGZsaWdodCB0aGUgY29udGVudCBjYXJyaWVzIGEgYC1zY3JvbGxpbmdgIGNsYXNzIHNvXG4gICAgLy8gdGhlIChvdGhlcndpc2UgaW52aXNpYmxlKSBvdmVybGF5IHNjcm9sbGJhciB0aHVtYiBzaG93cywgZmFkaW5nIG91dCBvbmVcbiAgICAvLyBzZWNvbmQgYWZ0ZXIgdGhlIGxhc3Qgc2Nyb2xsIGV2ZW50IOKAlCBwb3J0ZWQgZnJvbSB0aGUgYXBwJ3MgUG9wdXBGb3JtLlxuICAgIC8vIFNjcm9sbCBwb2xpY3k6IHRoZSB2YXJpYW50IHN1cHBsaWVzIHRoZSBkZWZhdWx0IChtb2RhbCDihpIgdHJ1ZSxcbiAgICAvLyBwYWdlIOKGkiBmYWxzZSk7IGFuIGV4cGxpY2l0IGBzY3JvbGxgIHByb3Agb3ZlcnJpZGVzIGl0LlxuICAgIGNvbnN0IHNjcm9sbGFibGUgPSBzY3JvbGwgIT09IG51bGwgJiYgc2Nyb2xsICE9PSB2b2lkIDAgPyBzY3JvbGwgOiB2YXJpYW50ID09PSAnbW9kYWwnO1xuICAgIGNvbnN0IFtzY3JvbGxpbmcsIHNldFNjcm9sbGluZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgZmFkZVRpbWVyID0gdXNlUmVmKHVuZGVmaW5lZCk7XG4gICAgdXNlRWZmZWN0KCgpID0+ICgpID0+IGNsZWFyVGltZW91dChmYWRlVGltZXIuY3VycmVudCksIFtdKTtcbiAgICBjb25zdCBoYW5kbGVTY3JvbGwgPSBzY3JvbGxhYmxlXG4gICAgICAgID8gKCkgPT4ge1xuICAgICAgICAgICAgc2V0U2Nyb2xsaW5nKHRydWUpO1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KGZhZGVUaW1lci5jdXJyZW50KTtcbiAgICAgICAgICAgIGZhZGVUaW1lci5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiBzZXRTY3JvbGxpbmcoZmFsc2UpLCBTQ1JPTExfRkFERV9ERUxBWSk7XG4gICAgICAgIH1cbiAgICAgICAgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgdGl0bGVOb2RlID0gdHlwZW9mIHRpdGxlID09PSAnc3RyaW5nJyB8fCB0eXBlb2YgdGl0bGUgPT09ICdudW1iZXInID8gKF9qc3goVHlwb2dyYXBoeS5IZWFkbGluZSwgeyBzaXplOiAnc20nLCBhczogJ2gyJywgY29sb3I6ICdkZWZhdWx0JywgY2hpbGRyZW46IHRpdGxlIH0pKSA6ICh0aXRsZSk7XG4gICAgcmV0dXJuIChfanN4KEZvcm1Db250cm9sU2l6ZUNvbnRleHQuUHJvdmlkZXIsIHsgdmFsdWU6IHJlc29sdmVGb3JtTGF5b3V0Q29uZmlnKHZhcmlhbnQsIHNpemUpLmNvbnRyb2xTaXplLCBjaGlsZHJlbjogX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBqb2luQ2xzKGNsYXNzZXMoKSwgY2xhc3Nlcyh2YXJpYW50KSwgc2Nyb2xsYWJsZSAmJiBjbGFzc2VzKCdzY3JvbGxhYmxlJyksIGNsYXNzTmFtZSksIHN0eWxlOiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBmb3JtTGF5b3V0Q3NzVmFycyh2YXJpYW50LCBzaXplKSksIChyZXNvbHZlZFdpZHRoID8geyB3aWR0aDogcmVzb2x2ZWRXaWR0aCB9IDogbnVsbCkpLCAobWF4SGVpZ2h0ICE9IG51bGxcbiAgICAgICAgICAgICAgICA/IHsgbWF4SGVpZ2h0OiB0eXBlb2YgbWF4SGVpZ2h0ID09PSAnbnVtYmVyJyA/IGAke21heEhlaWdodH1weGAgOiBtYXhIZWlnaHQgfVxuICAgICAgICAgICAgICAgIDogbnVsbCkpLCBzdHlsZSksIGNoaWxkcmVuOiBbKHRpdGxlICE9IG51bGwgfHwgZXh0cmEgIT0gbnVsbCkgJiYgKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKEZPUk1fTEFZT1VUX1NMT1QuaGVhZGVyKSwgY2hpbGRyZW46IFt0aXRsZSAhPSBudWxsICYmIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoRk9STV9MQVlPVVRfU0xPVC50aXRsZSksIGNoaWxkcmVuOiB0aXRsZU5vZGUgfSksIGV4dHJhICE9IG51bGwgJiYgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcyhGT1JNX0xBWU9VVF9TTE9ULmV4dHJhKSwgY2hpbGRyZW46IGV4dHJhIH0pXSB9KSksIGNoaWxkcmVuICE9IG51bGwgJiYgKF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGpvaW5DbHMoY2xhc3NlcyhGT1JNX0xBWU9VVF9TTE9ULmNvbnRlbnQpLCBzY3JvbGxpbmcgJiYgY2xhc3NlcyhgJHtGT1JNX0xBWU9VVF9TTE9ULmNvbnRlbnR9LXNjcm9sbGluZ2ApKSwgb25TY3JvbGw6IGhhbmRsZVNjcm9sbCwgY2hpbGRyZW46IGNoaWxkcmVuIH0pKSwgZm9vdGVyICE9IG51bGwgJiYgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcyhGT1JNX0xBWU9VVF9TTE9ULmZvb3RlciksIGNoaWxkcmVuOiBmb290ZXIgfSldIH0pKSB9KSk7XG59KTtcbkZvcm1MYXlvdXRCYXNlLmRpc3BsYXlOYW1lID0gJ0Zvcm1MYXlvdXQnO1xuLyoqXG4gKiBPbmUgbXVsdGktY29sdW1uIHJvdyBpbnNpZGUgdGhlIGZpZWxkcyByZWdpb24uIENlbGxzIHNoYXJlIHRoZSByb3cgZXZlbmx5O1xuICogdGhlIGd1dHRlciByZWFkcyB0aGUgU0FNRSBjc3MgdmFyaWFibGUgdGhlIGxheW91dCBzZXRzLCBzbyBpdCBmb2xsb3dzIHRoZVxuICogdmFyaWFudCBkZW5zaXR5IGF1dG9tYXRpY2FsbHkuIEZ1bGwtd2lkdGggZmllbGRzIGRvbid0IG5lZWQgYSBGb3JtUm93IOKAlFxuICogdGhleSBhcmUgZGlyZWN0IGNoaWxkcmVuIG9mIHRoZSBsYXlvdXQuIFJvd3MgYW5kIGZ1bGwtd2lkdGggY2hpbGRyZW4gbWl4XG4gKiBmcmVlbHkuIEFsc28gYXZhaWxhYmxlIGFzIGBGb3JtTGF5b3V0LlJvd2AuXG4gKi9cbmV4cG9ydCBjb25zdCBGb3JtUm93ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSB9KSA9PiAoX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogam9pbkNscyhjbGFzc25hbWVzKEZPUk1fTEFZT1VUX1BSRUZJWCkoJ3JvdycpLCBjbGFzc05hbWUpLCBjaGlsZHJlbjogY2hpbGRyZW4gfSkpO1xuLyoqXG4gKiBPbmUgY2VsbCBvZiBhIEZvcm1Sb3c7IGNlbGxzIHNwbGl0IHRoZSByb3cgZXZlbmx5IGFuZCBjbGlwIGxvbmcgY29udGVudC5cbiAqIEFsc28gYXZhaWxhYmxlIGFzIGBGb3JtTGF5b3V0LkNlbGxgLlxuICovXG5leHBvcnQgY29uc3QgRm9ybUNlbGwgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lIH0pID0+IChfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBqb2luQ2xzKGNsYXNzbmFtZXMoRk9STV9MQVlPVVRfUFJFRklYKSgnY2VsbCcpLCBjbGFzc05hbWUpLCBjaGlsZHJlbjogY2hpbGRyZW4gfSkpO1xuZXhwb3J0IGNvbnN0IEZvcm1MYXlvdXQgPSBPYmplY3QuYXNzaWduKG1lbW8oRm9ybUxheW91dEJhc2UpLCB7XG4gICAgUm93OiBGb3JtUm93LFxuICAgIENlbGw6IEZvcm1DZWxsLFxufSk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/FormLayout/config.d.ts

@@ -0,0 +1,96 @@
+import type { CSSProperties } from 'react';
+export declare const FORM_LAYOUT_PREFIX = "form-layout";
+/**
+ * THE density table for form surfaces — the single thing to edit when the
+ * design changes or a new density is added. Every value is consumed through
+ * CSS custom properties (container spacing) or read by the form preset
+ * (row gap / column gutter for ProForm), so adding a variant here is the
+ * whole job.
+ *
+ * Source: 1Money Design System (Beta) — "Dialog Body" (node 39743-4634)
+ * for `modal`; page usage (node 39956-9712) for `page`.
+ */
+export declare const FORM_LAYOUT_CONFIG: {
+    /** Inside a dialog: tighter density. */
+    readonly modal: {
+        /** Default panel width (px); the `width` prop overrides. */
+        readonly width: 640;
+        /** Panel padding (px). */
+        readonly padding: 24;
+        /** Vertical gap between field rows (px). */
+        readonly rowGap: 12;
+        /** Horizontal gutter between columns in a row (px). */
+        readonly colGutter: 12;
+        /** Gap between the header / fields / footer regions (px). */
+        readonly regionGap: 16;
+        /** Gap between footer action buttons (px); ActionBar reads it via var. */
+        readonly actionGap: 12;
+        /** Control size cascaded to every field via ProForm `size`. */
+        readonly controlSize: "small";
+    };
+    /** Standalone on a page: roomier density. */
+    readonly page: {
+        readonly width: 738;
+        readonly padding: 32;
+        readonly rowGap: 24;
+        readonly colGutter: 24;
+        readonly regionGap: 24;
+        readonly actionGap: 12;
+        readonly controlSize: "large";
+    };
+};
+export type FormLayoutVariant = keyof typeof FORM_LAYOUT_CONFIG;
+export declare const FORM_LAYOUT_VARIANTS: FormLayoutVariant[];
+export declare const FORM_LAYOUT_SIZES: readonly ["large", "small"];
+export type FormLayoutSize = (typeof FORM_LAYOUT_SIZES)[number];
+/**
+ * Per-size density overrides on a variant's baseline (the baseline IS the
+ * `large` size). Only `page/small` exists today — a narrower page (448,
+ * matching the app's sign-in card); padding and gaps mirror the page baseline
+ * (32 / 24 / 24) and are spelled out so the size's full density reads in one
+ * place. A variant/size with no entry uses the baseline unchanged, so `large`
+ * never needs an entry. `modal` intentionally has no `small`: the 380
+ * confirm/result dialog is BaseDialog, which is not a form surface and does
+ * not use FormLayout.
+ */
+export declare const FORM_LAYOUT_SIZE: {
+    readonly page: {
+        readonly small: {
+            readonly width: 448;
+            readonly padding: 32;
+            readonly rowGap: 24;
+            readonly colGutter: 24;
+        };
+    };
+};
+/**
+ * Baseline density for a variant merged with the requested size's deviations.
+ * The single lookup both the surface (FormLayout) and the form preset
+ * (BaseProForm) read, so width / padding / gaps / control size never diverge.
+ */
+export declare const resolveFormLayoutConfig: (variant: FormLayoutVariant, size?: FormLayoutSize) => {
+    width: 640 | 448;
+    padding: 32 | 24;
+    rowGap: 12 | 24;
+    colGutter: 12 | 24;
+    regionGap: 16;
+    actionGap: 12;
+    controlSize: "small";
+} | {
+    width: 738 | 448;
+    padding: 32;
+    rowGap: 24;
+    colGutter: 24;
+    regionGap: 24;
+    actionGap: 12;
+    controlSize: "large";
+};
+export declare const FORM_LAYOUT_SLOT: {
+    readonly header: "header";
+    readonly title: "title";
+    readonly extra: "extra";
+    readonly content: "content";
+    readonly footer: "footer";
+};
+/** Bridge the resolved (variant, size) numbers into CSS custom properties. */
+export declare const formLayoutCssVars: (variant: FormLayoutVariant, size?: FormLayoutSize) => CSSProperties;

package/lib/components/FormLayout/config.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveFormLayoutConfig = exports.formLayoutCssVars = exports.FORM_LAYOUT_VARIANTS = exports.FORM_LAYOUT_SLOT = exports.FORM_LAYOUT_SIZES = exports.FORM_LAYOUT_SIZE = exports.FORM_LAYOUT_PREFIX = exports.FORM_LAYOUT_CONFIG = void 0;
+var FORM_LAYOUT_PREFIX = exports.FORM_LAYOUT_PREFIX = 'form-layout';
+/**
+ * THE density table for form surfaces — the single thing to edit when the
+ * design changes or a new density is added. Every value is consumed through
+ * CSS custom properties (container spacing) or read by the form preset
+ * (row gap / column gutter for ProForm), so adding a variant here is the
+ * whole job.
+ *
+ * Source: 1Money Design System (Beta) — "Dialog Body" (node 39743-4634)
+ * for `modal`; page usage (node 39956-9712) for `page`.
+ */
+var FORM_LAYOUT_CONFIG = exports.FORM_LAYOUT_CONFIG = {
+  /** Inside a dialog: tighter density. */
+  modal: {
+    /** Default panel width (px); the `width` prop overrides. */
+    width: 640,
+    /** Panel padding (px). */
+    padding: 24,
+    /** Vertical gap between field rows (px). */
+    rowGap: 12,
+    /** Horizontal gutter between columns in a row (px). */
+    colGutter: 12,
+    /** Gap between the header / fields / footer regions (px). */
+    regionGap: 16,
+    /** Gap between footer action buttons (px); ActionBar reads it via var. */
+    actionGap: 12,
+    /** Control size cascaded to every field via ProForm `size`. */
+    controlSize: 'small'
+  },
+  /** Standalone on a page: roomier density. */
+  page: {
+    width: 738,
+    padding: 32,
+    rowGap: 24,
+    colGutter: 24,
+    regionGap: 24,
+    actionGap: 12,
+    controlSize: 'large'
+  }
+};
+var FORM_LAYOUT_VARIANTS = exports.FORM_LAYOUT_VARIANTS = Object.keys(FORM_LAYOUT_CONFIG);
+var FORM_LAYOUT_SIZES = exports.FORM_LAYOUT_SIZES = ['large', 'small'];
+/**
+ * Per-size density overrides on a variant's baseline (the baseline IS the
+ * `large` size). Only `page/small` exists today — a narrower page (448,
+ * matching the app's sign-in card); padding and gaps mirror the page baseline
+ * (32 / 24 / 24) and are spelled out so the size's full density reads in one
+ * place. A variant/size with no entry uses the baseline unchanged, so `large`
+ * never needs an entry. `modal` intentionally has no `small`: the 380
+ * confirm/result dialog is BaseDialog, which is not a form surface and does
+ * not use FormLayout.
+ */
+var FORM_LAYOUT_SIZE = exports.FORM_LAYOUT_SIZE = {
+  page: {
+    small: {
+      width: 448,
+      padding: 32,
+      rowGap: 24,
+      colGutter: 24
+    }
+  }
+};
+/**
+ * Baseline density for a variant merged with the requested size's deviations.
+ * The single lookup both the surface (FormLayout) and the form preset
+ * (BaseProForm) read, so width / padding / gaps / control size never diverge.
+ */
+var resolveFormLayoutConfig = exports.resolveFormLayoutConfig = function resolveFormLayoutConfig(variant) {
+  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'large';
+  var overrides = FORM_LAYOUT_SIZE[variant];
+  var override = overrides ? overrides[size] : undefined;
+  return Object.assign(Object.assign({}, FORM_LAYOUT_CONFIG[variant]), override);
+};
+var FORM_LAYOUT_SLOT = exports.FORM_LAYOUT_SLOT = {
+  header: 'header',
+  title: 'title',
+  extra: 'extra',
+  content: 'content',
+  footer: 'footer'
+};
+/** Bridge the resolved (variant, size) numbers into CSS custom properties. */
+var formLayoutCssVars = exports.formLayoutCssVars = function formLayoutCssVars(variant) {
+  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'large';
+  var config = resolveFormLayoutConfig(variant, size);
+  return {
+    '--form-layout-width': "".concat(config.width, "px"),
+    '--form-layout-padding': "".concat(config.padding, "px"),
+    '--form-layout-row-gap': "".concat(config.rowGap, "px"),
+    '--form-layout-region-gap': "".concat(config.regionGap, "px"),
+    '--form-layout-action-gap': "".concat(config.actionGap, "px")
+  };
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9jb25maWcudHMiLCJjb21wb25lbnRzL0Zvcm1MYXlvdXQvY29uZmlnLmpzIl0sIm5hbWVzIjpbIkZPUk1fTEFZT1VUX1BSRUZJWCIsImV4cG9ydHMiLCJGT1JNX0xBWU9VVF9DT05GSUciLCJtb2RhbCIsIndpZHRoIiwicGFkZGluZyIsInJvd0dhcCIsImNvbEd1dHRlciIsInJlZ2lvbkdhcCIsImFjdGlvbkdhcCIsImNvbnRyb2xTaXplIiwicGFnZSIsIkZPUk1fTEFZT1VUX1ZBUklBTlRTIiwiT2JqZWN0Iiwia2V5cyIsIkZPUk1fTEFZT1VUX1NJWkVTIiwiRk9STV9MQVlPVVRfU0laRSIsInNtYWxsIiwicmVzb2x2ZUZvcm1MYXlvdXRDb25maWciLCJ2YXJpYW50Iiwic2l6ZSIsImFyZ3VtZW50cyIsImxlbmd0aCIsInVuZGVmaW5lZCIsIm92ZXJyaWRlcyIsIm92ZXJyaWRlIiwiYXNzaWduIiwiRk9STV9MQVlPVVRfU0xPVCIsImhlYWRlciIsInRpdGxlIiwiZXh0cmEiLCJjb250ZW50IiwiZm9vdGVyIiwiZm9ybUxheW91dENzc1ZhcnMiLCJjb25maWciLCJjb25jYXQiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUVPLElBQU1BLGtCQUFrQixHQUFBQyxPQUFBLENBQUFELGtCQUFBLEdBQUcsYUFBYTtBQUUvQztBQ0ZBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBRElPLElBQU1FLGtCQUFrQixHQUFBRCxPQUFBLENBQUFDLGtCQUFBLEdBQUc7RUFDaEM7RUFDQUMsS0FBSyxFQUFFO0lBQ0w7SUFDQUMsS0FBSyxFQUFFLEdBQUc7SUFDVjtJQUNBQyxPQUFPLEVBQUUsRUFBRTtJQUNYO0lBQ0FDLE1BQU0sRUFBRSxFQUFFO0lBQ1Y7SUFDQUMsU0FBUyxFQUFFLEVBQUU7SUFDYjtJQUNBQyxTQUFTLEVBQUUsRUFBRTtJQUNiO0lBQ0FDLFNBQVMsRUFBRSxFQUFFO0lBQ2I7SUFDQUMsV0FBVyxFQUFFO0VDRmIsQ0RHRDtFQUNEO0VBQ0FDLElBQUksRUFBRTtJQUNKUCxLQUFLLEVBQUUsR0FBRztJQUNWQyxPQUFPLEVBQUUsRUFBRTtJQUNYQyxNQUFNLEVBQUUsRUFBRTtJQUNWQyxTQUFTLEVBQUUsRUFBRTtJQUNiQyxTQUFTLEVBQUUsRUFBRTtJQUNiQyxTQUFTLEVBQUUsRUFBRTtJQUNiQyxXQUFXLEVBQUU7RUNGYjtBQUNKLENER1U7QUFJSCxJQUFNRSxvQkFBb0IsR0FBQVgsT0FBQSxDQUFBVyxvQkFBQSxHQUFHQyxNQUFNLENBQUNDLElBQUksQ0FBQ1osa0JBQWtCLENBQXdCO0FBRW5GLElBQU1hLGlCQUFpQixHQUFBZCxPQUFBLENBQUFjLGlCQUFBLEdBQUcsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFVO0FBYzVEO0FDbkJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBRHFCTyxJQUFNQyxnQkFBZ0IsR0FBQWYsT0FBQSxDQUFBZSxnQkFBQSxHQUFHO0VBQzlCTCxJQUFJLEVBQUU7SUFDSk0sS0FBSyxFQUFFO01BQUViLEtBQUssRUFBRSxHQUFHO01BQUVDLE9BQU8sRUFBRSxFQUFFO01BQUVDLE1BQU0sRUFBRSxFQUFFO01BQUVDLFNBQVMsRUFBRTtJQUFFO0VDbkIzRDtBQUNKLENEb0I0RztBQUU1RztBQ3BCQTtBQUNBO0FBQ0E7QUFDQTtBRHNCTyxJQUFNVyx1QkFBdUIsR0FBQWpCLE9BQUEsQ0FBQWlCLHVCQUFBLEdBQUcsU0FBMUJBLHVCQUF1QkEsQ0FBSUMsT0FBMEIsRUFBb0M7RUFBQSxJQUFsQ0MsSUFBQSxHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBdUIsT0FBTztFQUNoRyxJQUFNRyxTQUFTLEdBQUdSLGdCQUFnQixDQUFDRyxPQUF3QyxDQUFDO0VBQzVFLElBQU1NLFFBQVEsR0FBR0QsU0FBUyxHQUFHQSxTQUFTLENBQUNKLElBQThCLENBQUMsR0FBR0csU0FBUztFQUNsRixPQUFBVixNQUFBLENBQUFhLE1BQUEsQ0FBQWIsTUFBQSxDQUFBYSxNQUFBLENBQUEsQ0FBQSxDQUFBLEVBQVl4QixrQkFBa0IsQ0FBQ2lCLE9BQU8sQ0FBQyxDQUFBLEVBQUtNLFFBQVEsQ0FBQTtBQUN0RCxDQUFDO0FBRU0sSUFBTUUsZ0JBQWdCLEdBQUExQixPQUFBLENBQUEwQixnQkFBQSxHQUFHO0VBQzlCQyxNQUFNLEVBQUUsUUFBUTtFQUNoQkMsS0FBSyxFQUFFLE9BQU87RUFDZEMsS0FBSyxFQUFFLE9BQU87RUFDZEMsT0FBTyxFQUFFLFNBQVM7RUFDbEJDLE1BQU0sRUFBRTtBQ3JCVixDRHNCVTtBQUVWO0FBQ08sSUFBTUMsaUJBQWlCLEdBQUFoQyxPQUFBLENBQUFnQyxpQkFBQSxHQUFHLFNBQXBCQSxpQkFBaUJBLENBQzVCZCxPQUEwQixFQUVUO0VBQUEsSUFEakJDLElBQUEsR0FBQUMsU0FBQSxDQUFBQyxNQUFBLFFBQUFELFNBQUEsUUFBQUUsU0FBQSxHQUFBRixTQUFBLE1BQXVCLE9BQU87RUFFOUIsSUFBTWEsTUFBTSxHQUFHaEIsdUJBQXVCLENBQUNDLE9BQU8sRUFBRUMsSUFBSSxDQUFDO0VBQ3JELE9BQU87SUFDTCxxQkFBcUIsS0FBQWUsTUFBQSxDQUFLRCxNQUFNLENBQUM5QixLQUFLLE9BQUk7SUFDMUMsdUJBQXVCLEtBQUErQixNQUFBLENBQUtELE1BQU0sQ0FBQzdCLE9BQU8sT0FBSTtJQUM5Qyx1QkFBdUIsS0FBQThCLE1BQUEsQ0FBS0QsTUFBTSxDQUFDNUIsTUFBTSxPQUFJO0lBQzdDLDBCQUEwQixLQUFBNkIsTUFBQSxDQUFLRCxNQUFNLENBQUMxQixTQUFTLE9BQUk7SUFDbkQsMEJBQTBCLEtBQUEyQixNQUFBLENBQUtELE1BQU0sQ0FBQ3pCLFNBQVM7RUN6Qi9DLENEMEJnQjtBQUNwQixDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvRm9ybUxheW91dC9jb25maWcuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImV4cG9ydCBjb25zdCBGT1JNX0xBWU9VVF9QUkVGSVggPSAnZm9ybS1sYXlvdXQnO1xuLyoqXG4gKiBUSEUgZGVuc2l0eSB0YWJsZSBmb3IgZm9ybSBzdXJmYWNlcyDigJQgdGhlIHNpbmdsZSB0aGluZyB0byBlZGl0IHdoZW4gdGhlXG4gKiBkZXNpZ24gY2hhbmdlcyBvciBhIG5ldyBkZW5zaXR5IGlzIGFkZGVkLiBFdmVyeSB2YWx1ZSBpcyBjb25zdW1lZCB0aHJvdWdoXG4gKiBDU1MgY3VzdG9tIHByb3BlcnRpZXMgKGNvbnRhaW5lciBzcGFjaW5nKSBvciByZWFkIGJ5IHRoZSBmb3JtIHByZXNldFxuICogKHJvdyBnYXAgLyBjb2x1bW4gZ3V0dGVyIGZvciBQcm9Gb3JtKSwgc28gYWRkaW5nIGEgdmFyaWFudCBoZXJlIGlzIHRoZVxuICogd2hvbGUgam9iLlxuICpcbiAqIFNvdXJjZTogMU1vbmV5IERlc2lnbiBTeXN0ZW0gKEJldGEpIOKAlCBcIkRpYWxvZyBCb2R5XCIgKG5vZGUgMzk3NDMtNDYzNClcbiAqIGZvciBgbW9kYWxgOyBwYWdlIHVzYWdlIChub2RlIDM5OTU2LTk3MTIpIGZvciBgcGFnZWAuXG4gKi9cbmV4cG9ydCBjb25zdCBGT1JNX0xBWU9VVF9DT05GSUcgPSB7XG4gICAgLyoqIEluc2lkZSBhIGRpYWxvZzogdGlnaHRlciBkZW5zaXR5LiAqL1xuICAgIG1vZGFsOiB7XG4gICAgICAgIC8qKiBEZWZhdWx0IHBhbmVsIHdpZHRoIChweCk7IHRoZSBgd2lkdGhgIHByb3Agb3ZlcnJpZGVzLiAqL1xuICAgICAgICB3aWR0aDogNjQwLFxuICAgICAgICAvKiogUGFuZWwgcGFkZGluZyAocHgpLiAqL1xuICAgICAgICBwYWRkaW5nOiAyNCxcbiAgICAgICAgLyoqIFZlcnRpY2FsIGdhcCBiZXR3ZWVuIGZpZWxkIHJvd3MgKHB4KS4gKi9cbiAgICAgICAgcm93R2FwOiAxMixcbiAgICAgICAgLyoqIEhvcml6b250YWwgZ3V0dGVyIGJldHdlZW4gY29sdW1ucyBpbiBhIHJvdyAocHgpLiAqL1xuICAgICAgICBjb2xHdXR0ZXI6IDEyLFxuICAgICAgICAvKiogR2FwIGJldHdlZW4gdGhlIGhlYWRlciAvIGZpZWxkcyAvIGZvb3RlciByZWdpb25zIChweCkuICovXG4gICAgICAgIHJlZ2lvbkdhcDogMTYsXG4gICAgICAgIC8qKiBHYXAgYmV0d2VlbiBmb290ZXIgYWN0aW9uIGJ1dHRvbnMgKHB4KTsgQWN0aW9uQmFyIHJlYWRzIGl0IHZpYSB2YXIuICovXG4gICAgICAgIGFjdGlvbkdhcDogMTIsXG4gICAgICAgIC8qKiBDb250cm9sIHNpemUgY2FzY2FkZWQgdG8gZXZlcnkgZmllbGQgdmlhIFByb0Zvcm0gYHNpemVgLiAqL1xuICAgICAgICBjb250cm9sU2l6ZTogJ3NtYWxsJyxcbiAgICB9LFxuICAgIC8qKiBTdGFuZGFsb25lIG9uIGEgcGFnZTogcm9vbWllciBkZW5zaXR5LiAqL1xuICAgIHBhZ2U6IHtcbiAgICAgICAgd2lkdGg6IDczOCxcbiAgICAgICAgcGFkZGluZzogMzIsXG4gICAgICAgIHJvd0dhcDogMjQsXG4gICAgICAgIGNvbEd1dHRlcjogMjQsXG4gICAgICAgIHJlZ2lvbkdhcDogMjQsXG4gICAgICAgIGFjdGlvbkdhcDogMTIsXG4gICAgICAgIGNvbnRyb2xTaXplOiAnbGFyZ2UnLFxuICAgIH0sXG59O1xuZXhwb3J0IGNvbnN0IEZPUk1fTEFZT1VUX1ZBUklBTlRTID0gT2JqZWN0LmtleXMoRk9STV9MQVlPVVRfQ09ORklHKTtcbmV4cG9ydCBjb25zdCBGT1JNX0xBWU9VVF9TSVpFUyA9IFsnbGFyZ2UnLCAnc21hbGwnXTtcbi8qKlxuICogUGVyLXNpemUgZGVuc2l0eSBvdmVycmlkZXMgb24gYSB2YXJpYW50J3MgYmFzZWxpbmUgKHRoZSBiYXNlbGluZSBJUyB0aGVcbiAqIGBsYXJnZWAgc2l6ZSkuIE9ubHkgYHBhZ2Uvc21hbGxgIGV4aXN0cyB0b2RheSDigJQgYSBuYXJyb3dlciBwYWdlICg0NDgsXG4gKiBtYXRjaGluZyB0aGUgYXBwJ3Mgc2lnbi1pbiBjYXJkKTsgcGFkZGluZyBhbmQgZ2FwcyBtaXJyb3IgdGhlIHBhZ2UgYmFzZWxpbmVcbiAqICgzMiAvIDI0IC8gMjQpIGFuZCBhcmUgc3BlbGxlZCBvdXQgc28gdGhlIHNpemUncyBmdWxsIGRlbnNpdHkgcmVhZHMgaW4gb25lXG4gKiBwbGFjZS4gQSB2YXJpYW50L3NpemUgd2l0aCBubyBlbnRyeSB1c2VzIHRoZSBiYXNlbGluZSB1bmNoYW5nZWQsIHNvIGBsYXJnZWBcbiAqIG5ldmVyIG5lZWRzIGFuIGVudHJ5LiBgbW9kYWxgIGludGVudGlvbmFsbHkgaGFzIG5vIGBzbWFsbGA6IHRoZSAzODBcbiAqIGNvbmZpcm0vcmVzdWx0IGRpYWxvZyBpcyBCYXNlRGlhbG9nLCB3aGljaCBpcyBub3QgYSBmb3JtIHN1cmZhY2UgYW5kIGRvZXNcbiAqIG5vdCB1c2UgRm9ybUxheW91dC5cbiAqL1xuZXhwb3J0IGNvbnN0IEZPUk1fTEFZT1VUX1NJWkUgPSB7XG4gICAgcGFnZToge1xuICAgICAgICBzbWFsbDogeyB3aWR0aDogNDQ4LCBwYWRkaW5nOiAzMiwgcm93R2FwOiAyNCwgY29sR3V0dGVyOiAyNCB9LFxuICAgIH0sXG59O1xuLyoqXG4gKiBCYXNlbGluZSBkZW5zaXR5IGZvciBhIHZhcmlhbnQgbWVyZ2VkIHdpdGggdGhlIHJlcXVlc3RlZCBzaXplJ3MgZGV2aWF0aW9ucy5cbiAqIFRoZSBzaW5nbGUgbG9va3VwIGJvdGggdGhlIHN1cmZhY2UgKEZvcm1MYXlvdXQpIGFuZCB0aGUgZm9ybSBwcmVzZXRcbiAqIChCYXNlUHJvRm9ybSkgcmVhZCwgc28gd2lkdGggLyBwYWRkaW5nIC8gZ2FwcyAvIGNvbnRyb2wgc2l6ZSBuZXZlciBkaXZlcmdlLlxuICovXG5leHBvcnQgY29uc3QgcmVzb2x2ZUZvcm1MYXlvdXRDb25maWcgPSAodmFyaWFudCwgc2l6ZSA9ICdsYXJnZScpID0+IHtcbiAgICBjb25zdCBvdmVycmlkZXMgPSBGT1JNX0xBWU9VVF9TSVpFW3ZhcmlhbnRdO1xuICAgIGNvbnN0IG92ZXJyaWRlID0gb3ZlcnJpZGVzID8gb3ZlcnJpZGVzW3NpemVdIDogdW5kZWZpbmVkO1xuICAgIHJldHVybiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIEZPUk1fTEFZT1VUX0NPTkZJR1t2YXJpYW50XSksIG92ZXJyaWRlKTtcbn07XG5leHBvcnQgY29uc3QgRk9STV9MQVlPVVRfU0xPVCA9IHtcbiAgICBoZWFkZXI6ICdoZWFkZXInLFxuICAgIHRpdGxlOiAndGl0bGUnLFxuICAgIGV4dHJhOiAnZXh0cmEnLFxuICAgIGNvbnRlbnQ6ICdjb250ZW50JyxcbiAgICBmb290ZXI6ICdmb290ZXInLFxufTtcbi8qKiBCcmlkZ2UgdGhlIHJlc29sdmVkICh2YXJpYW50LCBzaXplKSBudW1iZXJzIGludG8gQ1NTIGN1c3RvbSBwcm9wZXJ0aWVzLiAqL1xuZXhwb3J0IGNvbnN0IGZvcm1MYXlvdXRDc3NWYXJzID0gKHZhcmlhbnQsIHNpemUgPSAnbGFyZ2UnKSA9PiB7XG4gICAgY29uc3QgY29uZmlnID0gcmVzb2x2ZUZvcm1MYXlvdXRDb25maWcodmFyaWFudCwgc2l6ZSk7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgJy0tZm9ybS1sYXlvdXQtd2lkdGgnOiBgJHtjb25maWcud2lkdGh9cHhgLFxuICAgICAgICAnLS1mb3JtLWxheW91dC1wYWRkaW5nJzogYCR7Y29uZmlnLnBhZGRpbmd9cHhgLFxuICAgICAgICAnLS1mb3JtLWxheW91dC1yb3ctZ2FwJzogYCR7Y29uZmlnLnJvd0dhcH1weGAsXG4gICAgICAgICctLWZvcm0tbGF5b3V0LXJlZ2lvbi1nYXAnOiBgJHtjb25maWcucmVnaW9uR2FwfXB4YCxcbiAgICAgICAgJy0tZm9ybS1sYXlvdXQtYWN0aW9uLWdhcCc6IGAke2NvbmZpZy5hY3Rpb25HYXB9cHhgLFxuICAgIH07XG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/FormLayout/context.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Default control size a FormLayout broadcasts to BARE controls inside it
+ * (`modal` → small, `page` → large). Input/Select read it when no explicit
+ * `size` prop is given, so shell-only migrations (no ProForm) get the
+ * variant's control size for free. An explicit `size` always wins; outside
+ * a FormLayout the components keep their own `'large'` default.
+ */
+export declare const FormControlSizeContext: import("react").Context<"small" | "large" | undefined>;
+export declare const useFormControlSize: () => "small" | "large" | undefined;

package/lib/components/FormLayout/context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormControlSize = exports.FormControlSizeContext = void 0;
+var _react = require("react");
+/**
+ * Default control size a FormLayout broadcasts to BARE controls inside it
+ * (`modal` → small, `page` → large). Input/Select read it when no explicit
+ * `size` prop is given, so shell-only migrations (no ProForm) get the
+ * variant's control size for free. An explicit `size` always wins; outside
+ * a FormLayout the components keep their own `'large'` default.
+ */
+var FormControlSizeContext = exports.FormControlSizeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+var useFormControlSize = exports.useFormControlSize = function useFormControlSize() {
+  return (0, _react.useContext)(FormControlSizeContext);
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9jb250ZXh0LnRzIiwiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2NvbnRleHQuanMiXSwibmFtZXMiOlsiX3JlYWN0IiwicmVxdWlyZSIsIkZvcm1Db250cm9sU2l6ZUNvbnRleHQiLCJleHBvcnRzIiwiY3JlYXRlQ29udGV4dCIsInVuZGVmaW5lZCIsInVzZUZvcm1Db250cm9sU2l6ZSIsInVzZUNvbnRleHQiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUVBO0FDQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FERU8sSUFBTUMsc0JBQXNCLEdBQUFDLE9BQUEsQ0FBQUQsc0JBQUEsZ0JBQUcsSUFBQUUsb0JBQWEsRUFBZ0NDLFNBQVMsQ0FBQztBQUV0RixJQUFNQyxrQkFBa0IsR0FBQUgsT0FBQSxDQUFBRyxrQkFBQSxHQUFHLFNBQXJCQSxrQkFBa0JBLENBQUE7RUFBQSxPQUFTLElBQUFDLGlCQUFVLEVBQUNMLHNCQUFzQixDQUFDO0FBQUEiLCJmaWxlIjoiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2NvbnRleHQuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG4vKipcbiAqIERlZmF1bHQgY29udHJvbCBzaXplIGEgRm9ybUxheW91dCBicm9hZGNhc3RzIHRvIEJBUkUgY29udHJvbHMgaW5zaWRlIGl0XG4gKiAoYG1vZGFsYCDihpIgc21hbGwsIGBwYWdlYCDihpIgbGFyZ2UpLiBJbnB1dC9TZWxlY3QgcmVhZCBpdCB3aGVuIG5vIGV4cGxpY2l0XG4gKiBgc2l6ZWAgcHJvcCBpcyBnaXZlbiwgc28gc2hlbGwtb25seSBtaWdyYXRpb25zIChubyBQcm9Gb3JtKSBnZXQgdGhlXG4gKiB2YXJpYW50J3MgY29udHJvbCBzaXplIGZvciBmcmVlLiBBbiBleHBsaWNpdCBgc2l6ZWAgYWx3YXlzIHdpbnM7IG91dHNpZGVcbiAqIGEgRm9ybUxheW91dCB0aGUgY29tcG9uZW50cyBrZWVwIHRoZWlyIG93biBgJ2xhcmdlJ2AgZGVmYXVsdC5cbiAqL1xuZXhwb3J0IGNvbnN0IEZvcm1Db250cm9sU2l6ZUNvbnRleHQgPSBjcmVhdGVDb250ZXh0KHVuZGVmaW5lZCk7XG5leHBvcnQgY29uc3QgdXNlRm9ybUNvbnRyb2xTaXplID0gKCkgPT4gdXNlQ29udGV4dChGb3JtQ29udHJvbFNpemVDb250ZXh0KTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/FormLayout/index.d.ts

@@ -0,0 +1,7 @@
+import { FormLayout } from './FormLayout';
+export { FormLayout, FormRow, FormCell } from './FormLayout';
+export type { FormRowProps, FormCellProps } from './FormLayout';
+export default FormLayout;
+export * from './interface';
+export { FORM_LAYOUT_CONFIG, FORM_LAYOUT_SIZE, FORM_LAYOUT_SIZES, FORM_LAYOUT_VARIANTS, formLayoutCssVars, resolveFormLayoutConfig, } from './config';
+export { FormControlSizeContext, useFormControlSize } from './context';

package/lib/components/FormLayout/index.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  FormLayout: true,
+  FormRow: true,
+  FormCell: true,
+  FORM_LAYOUT_CONFIG: true,
+  FORM_LAYOUT_SIZE: true,
+  FORM_LAYOUT_SIZES: true,
+  FORM_LAYOUT_VARIANTS: true,
+  formLayoutCssVars: true,
+  resolveFormLayoutConfig: true,
+  FormControlSizeContext: true,
+  useFormControlSize: true
+};
+Object.defineProperty(exports, "FORM_LAYOUT_CONFIG", {
+  enumerable: true,
+  get: function get() {
+    return _config.FORM_LAYOUT_CONFIG;
+  }
+});
+Object.defineProperty(exports, "FORM_LAYOUT_SIZE", {
+  enumerable: true,
+  get: function get() {
+    return _config.FORM_LAYOUT_SIZE;
+  }
+});
+Object.defineProperty(exports, "FORM_LAYOUT_SIZES", {
+  enumerable: true,
+  get: function get() {
+    return _config.FORM_LAYOUT_SIZES;
+  }
+});
+Object.defineProperty(exports, "FORM_LAYOUT_VARIANTS", {
+  enumerable: true,
+  get: function get() {
+    return _config.FORM_LAYOUT_VARIANTS;
+  }
+});
+Object.defineProperty(exports, "FormCell", {
+  enumerable: true,
+  get: function get() {
+    return _FormLayout.FormCell;
+  }
+});
+Object.defineProperty(exports, "FormControlSizeContext", {
+  enumerable: true,
+  get: function get() {
+    return _context.FormControlSizeContext;
+  }
+});
+Object.defineProperty(exports, "FormLayout", {
+  enumerable: true,
+  get: function get() {
+    return _FormLayout.FormLayout;
+  }
+});
+Object.defineProperty(exports, "FormRow", {
+  enumerable: true,
+  get: function get() {
+    return _FormLayout.FormRow;
+  }
+});
+exports["default"] = void 0;
+Object.defineProperty(exports, "formLayoutCssVars", {
+  enumerable: true,
+  get: function get() {
+    return _config.formLayoutCssVars;
+  }
+});
+Object.defineProperty(exports, "resolveFormLayoutConfig", {
+  enumerable: true,
+  get: function get() {
+    return _config.resolveFormLayoutConfig;
+  }
+});
+Object.defineProperty(exports, "useFormControlSize", {
+  enumerable: true,
+  get: function get() {
+    return _context.useFormControlSize;
+  }
+});
+var _FormLayout = require("./FormLayout");
+var _interface = require("./interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+var _config = require("./config");
+var _context = require("./context");
+var _default = exports["default"] = _FormLayout.FormLayout;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9pbmRleC50cyJdLCJuYW1lcyI6WyJfRm9ybUxheW91dCIsInJlcXVpcmUiLCJfaW50ZXJmYWNlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2NvbmZpZyIsIl9jb250ZXh0IiwiX2RlZmF1bHQiLCJGb3JtTGF5b3V0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FBT0EsSUFBQUMsVUFBQSxHQUFBRCxPQUFBO0FBQUFFLE1BQUEsQ0FBQUMsSUFBQSxDQUFBRixVQUFBLEVBQUFHLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQUosVUFBQSxDQUFBSSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBWixVQUFBLENBQUFJLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFDQSxJQUFBUyxPQUFBLEdBQUFkLE9BQUE7QUFRQSxJQUFBZSxRQUFBLEdBQUFmLE9BQUE7QUFBdUUsSUFBQWdCLFFBQUEsR0FBQU4sT0FBQSxjQVh4RE8sc0JBQVUiLCJmaWxlIjoiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/FormLayout/interface.d.ts

@@ -0,0 +1,51 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { FormLayoutSize, FormLayoutVariant } from './config';
+export type { FormLayoutSize, FormLayoutVariant } from './config';
+/**
+ * Form-only surface layout: panel chrome (white surface, hairline border,
+ * radius) + three regions (header with title/extra, fields content, footer)
+ * with variant-driven density. Used directly on pages (`variant="page"`) and
+ * nested inside Dialog for form dialogs (`variant="modal"`).
+ *
+ * Scroll policy is owned here: `modal` pins header/footer and scrolls the
+ * fields region when height-constrained (scrollbar rides the middle of the
+ * right padding); `page` never scrolls internally — content grows the panel.
+ */
+export interface FormLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Density + scroll-policy variant. */
+    variant?: FormLayoutVariant;
+    /**
+     * Panel size within the variant. `large` (default) is the variant baseline;
+     * `small` layers a deviation. Only `page/small` deviates today — a narrower
+     * 448 page (padding and gaps stay on the page baseline); other variant/size
+     * combos fall back to the baseline.
+     */
+    size?: FormLayoutSize;
+    /**
+     * Override the variant's scroll policy (modal → `true`, page → `false`).
+     * When `true` the fields region scrolls IF height-constrained (header and
+     * footer stay pinned); when `false` content always grows the panel.
+     */
+    scroll?: boolean;
+    /** Heading; a plain string renders as Headline/md (24px). */
+    title?: ReactNode;
+    /** Trailing slot on the title row (e.g. an environment switcher). */
+    extra?: ReactNode;
+    /** Fields region content. */
+    children?: ReactNode;
+    /** Footer region, typically the action buttons. */
+    footer?: ReactNode;
+    /**
+     * Panel width (number → px). Defaults to the variant's configured width
+     * (modal → 640, page → 738), capped at 100% of the container.
+     */
+    width?: number | string;
+    /**
+     * Explicit height cap (number → px) for standalone usage. Inside a Dialog
+     * the constraint arrives from the panel's own max-height instead — no
+     * measuring or calculation is involved in either path.
+     */
+    maxHeight?: number | string;
+    /** CSS class prefix. */
+    prefixCls?: string;
+}

package/lib/components/FormLayout/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2ludGVyZmFjZS5qcyIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2ludGVyZmFjZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il0sIm1hcHBpbmdzIjoiIiwiaWdub3JlTGlzdCI6W119