@1money/component-ui 0.0.90 → 0.0.91

package/lib/business/Dialog/variants/PendingDialog.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PendingDialog = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _BaseDialog = require("../BaseDialog");
+// Shape only — pending illustration (Figma 39958-10456 "Processing your
+// request").
+var PRESET = {
+  illustration: 'illusPending'
+};
+/**
+ * `BaseDialog` preset for pending / in-review results. Explicit props win
+ * over the preset.
+ */
+var PendingDialogBase = function PendingDialogBase(props) {
+  return (0, _jsxRuntime.jsx)(_BaseDialog.BaseDialog, Object.assign({}, props, {
+    preset: PRESET
+  }));
+};
+var PendingDialog = exports.PendingDialog = /*#__PURE__*/(0, _react.memo)(PendingDialogBase);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy92YXJpYW50cy9QZW5kaW5nRGlhbG9nLmpzIiwiYnVzaW5lc3MvRGlhbG9nL3NyYy9idXNpbmVzcy9EaWFsb2cvdmFyaWFudHMvUGVuZGluZ0RpYWxvZy50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX0Jhc2VEaWFsb2ciLCJQUkVTRVQiLCJpbGx1c3RyYXRpb24iLCJQZW5kaW5nRGlhbG9nQmFzZSIsInByb3BzIiwiX2pzeCIsIkJhc2VEaWFsb2ciLCJPYmplY3QiLCJhc3NpZ24iLCJwcmVzZXQiLCJQZW5kaW5nRGlhbG9nIiwiZXhwb3J0cyIsIm1lbW8iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFdBQUEsR0FBQUYsT0FBQTtBQUlBO0FBQ0E7QUFDQSxJQUFNRyxNQUFNLEdBQXFCO0VBQy9CQyxZQUFZLEVBQUU7QUREaEIsQ0NFQztBQUlEO0FESkE7QUFDQTtBQUNBO0FDTUEsSUFBTUMsaUJBQWlCLEdBQTJCLFNBQTVDQSxpQkFBaUJBLENBQTRCQyxLQUFLO0VBQUEsT0FDdEQsSUFBQUMsZUFBQSxFQUFDQyxzQkFBVSxFQUFBQyxNQUFBLENBQUFDLE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFBS0osS0FBSyxFQUFBO0lBQUVLLE1BQU0sRUFBRVI7RUFBTSxDQUFBLENBQUEsQ0FBSTtBQUFBLENBQzFDO0FBRU0sSUFBTVMsYUFBYSxHQUFBQyxPQUFBLENBQUFELGFBQUEsZ0JBQUcsSUFBQUUsV0FBSSxFQUFDVCxpQkFBaUIsQ0FBQyIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvdmFyaWFudHMvUGVuZGluZ0RpYWxvZy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQmFzZURpYWxvZyB9IGZyb20gJy4uL0Jhc2VEaWFsb2cnO1xuLy8gU2hhcGUgb25seSDigJQgcGVuZGluZyBpbGx1c3RyYXRpb24gKEZpZ21hIDM5OTU4LTEwNDU2IFwiUHJvY2Vzc2luZyB5b3VyXG4vLyByZXF1ZXN0XCIpLlxuY29uc3QgUFJFU0VUID0ge1xuICAgIGlsbHVzdHJhdGlvbjogJ2lsbHVzUGVuZGluZycsXG59O1xuLyoqXG4gKiBgQmFzZURpYWxvZ2AgcHJlc2V0IGZvciBwZW5kaW5nIC8gaW4tcmV2aWV3IHJlc3VsdHMuIEV4cGxpY2l0IHByb3BzIHdpblxuICogb3ZlciB0aGUgcHJlc2V0LlxuICovXG5jb25zdCBQZW5kaW5nRGlhbG9nQmFzZSA9IChwcm9wcykgPT4gKF9qc3goQmFzZURpYWxvZywgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMsIHsgcHJlc2V0OiBQUkVTRVQgfSkpKTtcbmV4cG9ydCBjb25zdCBQZW5kaW5nRGlhbG9nID0gbWVtbyhQZW5kaW5nRGlhbG9nQmFzZSk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/business/Dialog/variants/SuccessDialog.d.ts

@@ -0,0 +1,3 @@
+import type { BaseDialogProps } from '../BaseDialog';
+export type SuccessDialogProps = Omit<BaseDialogProps, 'preset'>;
+export declare const SuccessDialog: import("react").NamedExoticComponent<SuccessDialogProps>;

package/lib/business/Dialog/variants/SuccessDialog.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SuccessDialog = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _BaseDialog = require("../BaseDialog");
+// Shape only — the checked illustration. Copy (title/description/labels)
+// always comes from the caller; product copy never lives in the library.
+var PRESET = {
+  illustration: 'illusChecked'
+};
+/**
+ * `BaseDialog` preset for success results (Figma 39958-10532 "Payment
+ * sent"). Explicit props — including `illustration` — win over the preset.
+ */
+var SuccessDialogBase = function SuccessDialogBase(props) {
+  return (0, _jsxRuntime.jsx)(_BaseDialog.BaseDialog, Object.assign({}, props, {
+    preset: PRESET
+  }));
+};
+var SuccessDialog = exports.SuccessDialog = /*#__PURE__*/(0, _react.memo)(SuccessDialogBase);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy92YXJpYW50cy9TdWNjZXNzRGlhbG9nLmpzIiwiYnVzaW5lc3MvRGlhbG9nL3NyYy9idXNpbmVzcy9EaWFsb2cvdmFyaWFudHMvU3VjY2Vzc0RpYWxvZy50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX0Jhc2VEaWFsb2ciLCJQUkVTRVQiLCJpbGx1c3RyYXRpb24iLCJTdWNjZXNzRGlhbG9nQmFzZSIsInByb3BzIiwiX2pzeCIsIkJhc2VEaWFsb2ciLCJPYmplY3QiLCJhc3NpZ24iLCJwcmVzZXQiLCJTdWNjZXNzRGlhbG9nIiwiZXhwb3J0cyIsIm1lbW8iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFdBQUEsR0FBQUYsT0FBQTtBQUlBO0FBQ0E7QUFDQSxJQUFNRyxNQUFNLEdBQXFCO0VBQy9CQyxZQUFZLEVBQUU7QUREaEIsQ0NFQztBQUlEO0FESkE7QUFDQTtBQUNBO0FDTUEsSUFBTUMsaUJBQWlCLEdBQTJCLFNBQTVDQSxpQkFBaUJBLENBQTRCQyxLQUFLO0VBQUEsT0FDdEQsSUFBQUMsZUFBQSxFQUFDQyxzQkFBVSxFQUFBQyxNQUFBLENBQUFDLE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFBS0osS0FBSyxFQUFBO0lBQUVLLE1BQU0sRUFBRVI7RUFBTSxDQUFBLENBQUEsQ0FBSTtBQUFBLENBQzFDO0FBRU0sSUFBTVMsYUFBYSxHQUFBQyxPQUFBLENBQUFELGFBQUEsZ0JBQUcsSUFBQUUsV0FBSSxFQUFDVCxpQkFBaUIsQ0FBQyIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvdmFyaWFudHMvU3VjY2Vzc0RpYWxvZy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQmFzZURpYWxvZyB9IGZyb20gJy4uL0Jhc2VEaWFsb2cnO1xuLy8gU2hhcGUgb25seSDigJQgdGhlIGNoZWNrZWQgaWxsdXN0cmF0aW9uLiBDb3B5ICh0aXRsZS9kZXNjcmlwdGlvbi9sYWJlbHMpXG4vLyBhbHdheXMgY29tZXMgZnJvbSB0aGUgY2FsbGVyOyBwcm9kdWN0IGNvcHkgbmV2ZXIgbGl2ZXMgaW4gdGhlIGxpYnJhcnkuXG5jb25zdCBQUkVTRVQgPSB7XG4gICAgaWxsdXN0cmF0aW9uOiAnaWxsdXNDaGVja2VkJyxcbn07XG4vKipcbiAqIGBCYXNlRGlhbG9nYCBwcmVzZXQgZm9yIHN1Y2Nlc3MgcmVzdWx0cyAoRmlnbWEgMzk5NTgtMTA1MzIgXCJQYXltZW50XG4gKiBzZW50XCIpLiBFeHBsaWNpdCBwcm9wcyDigJQgaW5jbHVkaW5nIGBpbGx1c3RyYXRpb25gIOKAlCB3aW4gb3ZlciB0aGUgcHJlc2V0LlxuICovXG5jb25zdCBTdWNjZXNzRGlhbG9nQmFzZSA9IChwcm9wcykgPT4gKF9qc3goQmFzZURpYWxvZywgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMsIHsgcHJlc2V0OiBQUkVTRVQgfSkpKTtcbmV4cG9ydCBjb25zdCBTdWNjZXNzRGlhbG9nID0gbWVtbyhTdWNjZXNzRGlhbG9nQmFzZSk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/business/Dialog/variants/index.d.ts

@@ -0,0 +1,10 @@
+export { SuccessDialog } from './SuccessDialog';
+export type { SuccessDialogProps } from './SuccessDialog';
+export { DeleteDialog } from './DeleteDialog';
+export type { DeleteDialogProps } from './DeleteDialog';
+export { PendingDialog } from './PendingDialog';
+export type { PendingDialogProps } from './PendingDialog';
+export { FailureDialog } from './FailureDialog';
+export type { FailureDialogProps } from './FailureDialog';
+export { LoadingDialog } from './LoadingDialog';
+export type { LoadingDialogProps, LoadingPollResult, LoadingPollStatus } from './LoadingDialog';

package/lib/business/Dialog/variants/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DeleteDialog", {
+  enumerable: true,
+  get: function get() {
+    return _DeleteDialog.DeleteDialog;
+  }
+});
+Object.defineProperty(exports, "FailureDialog", {
+  enumerable: true,
+  get: function get() {
+    return _FailureDialog.FailureDialog;
+  }
+});
+Object.defineProperty(exports, "LoadingDialog", {
+  enumerable: true,
+  get: function get() {
+    return _LoadingDialog.LoadingDialog;
+  }
+});
+Object.defineProperty(exports, "PendingDialog", {
+  enumerable: true,
+  get: function get() {
+    return _PendingDialog.PendingDialog;
+  }
+});
+Object.defineProperty(exports, "SuccessDialog", {
+  enumerable: true,
+  get: function get() {
+    return _SuccessDialog.SuccessDialog;
+  }
+});
+var _SuccessDialog = require("./SuccessDialog");
+var _DeleteDialog = require("./DeleteDialog");
+var _PendingDialog = require("./PendingDialog");
+var _FailureDialog = require("./FailureDialog");
+var _LoadingDialog = require("./LoadingDialog");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL3ZhcmlhbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbIl9TdWNjZXNzRGlhbG9nIiwicmVxdWlyZSIsIl9EZWxldGVEaWFsb2ciLCJfUGVuZGluZ0RpYWxvZyIsIl9GYWlsdXJlRGlhbG9nIiwiX0xvYWRpbmdEaWFsb2ciXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBR0EsSUFBQUEsY0FBQSxHQUFBQyxPQUFBO0FBRUEsSUFBQUMsYUFBQSxHQUFBRCxPQUFBO0FBRUEsSUFBQUUsY0FBQSxHQUFBRixPQUFBO0FBRUEsSUFBQUcsY0FBQSxHQUFBSCxPQUFBO0FBRUEsSUFBQUksY0FBQSxHQUFBSixPQUFBIiwiZmlsZSI6ImJ1c2luZXNzL0RpYWxvZy92YXJpYW50cy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/business/Dialog/variants/style/LoadingDialog.css

@@ -0,0 +1,62 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+@keyframes om-loading-dialog-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes om-loading-dialog-pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+}
+.om-component-ui-loading-dialog-stack {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-600, 24px);
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+.om-component-ui-loading-dialog-spin {
+  display: inline-flex;
+  color: var(--om-icon-brand, #073387);
+  animation: om-loading-dialog-spin 1.2s linear infinite;
+}
+.om-component-ui-loading-dialog-text {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  text-align: center;
+}
+.om-component-ui-loading-dialog-wave {
+  display: inline-flex;
+  letter-spacing: 1px;
+}
+.om-component-ui-loading-dialog-wave > span {
+  animation: om-loading-dialog-pulse 1.5s ease-in-out infinite;
+}

package/lib/business/Dialog/variants/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./LoadingDialog.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy92YXJpYW50cy9zcmMvYnVzaW5lc3MvRGlhbG9nL3ZhcmlhbnRzL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUEiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL3ZhcmlhbnRzL3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/business/Dialog/variants/style/index.d.ts

@@ -0,0 +1 @@
+import './LoadingDialog.css';

package/lib/business/Dialog/variants/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./LoadingDialog.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy92YXJpYW50cy9zcmMvYnVzaW5lc3MvRGlhbG9nL3ZhcmlhbnRzL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUEiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL3ZhcmlhbnRzL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/business/FieldList/index.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from 'react';
+import './style';
+export interface FieldRow {
+    label: ReactNode;
+    /** A string is rendered as the standard right-aligned strong value; a node is
+     *  rendered as-is (the caller owns its layout). */
+    value: ReactNode;
+    /** Explicit copy text. Overrides the list-level `copyable`; a row with a node
+     *  value that still wants a copy button sets this. */
+    copyValue?: string;
+    /** Reference-code style highlight: yellow band behind the row, no divider. */
+    highlight?: boolean;
+    labelCls?: string;
+    valueCls?: string;
+}
+export interface FieldListProps {
+    rows: FieldRow[];
+    /** `title` → Typography.Title/sm (detail pages); `body` → Typography.Body/md
+     *  (modals, forms). Defaults to `title`. */
+    labelVariant?: 'body' | 'title';
+    /** Divider between rows. `bottom` drops the last row's line (cards);
+     *  `top` drops the first row's line. Defaults to `bottom`. */
+    divider?: 'bottom' | 'top';
+    /** Append a Copy button to every string value (skipped when a row already
+     *  carries its own `copyValue`, or when the value is a node). */
+    copyable?: boolean;
+    className?: string;
+}
+declare const _default: import("react").NamedExoticComponent<FieldListProps>;
+export default _default;

package/lib/business/FieldList/index.js

@@ -0,0 +1,67 @@
+"use strict";
+'use client';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _Copy = require("../../components/Copy");
+var _Typography = require("../../components/Typography");
+var _classnames = _interopRequireWildcard(require("../../utils/classnames"));
+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 classes = (0, _classnames["default"])('field-list');
+var FieldList = function FieldList(_ref) {
+  var rows = _ref.rows,
+    _ref$labelVariant = _ref.labelVariant,
+    labelVariant = _ref$labelVariant === void 0 ? 'title' : _ref$labelVariant,
+    _ref$divider = _ref.divider,
+    divider = _ref$divider === void 0 ? 'bottom' : _ref$divider,
+    _ref$copyable = _ref.copyable,
+    copyable = _ref$copyable === void 0 ? false : _ref$copyable,
+    className = _ref.className;
+  var LabelTypography = labelVariant === 'title' ? _Typography.Typography.Title : _Typography.Typography.Body;
+  var labelSize = labelVariant === 'title' ? 'sm' : 'md';
+  return (0, _jsxRuntime.jsx)("ul", {
+    className: (0, _classnames.joinCls)(classes(), classes("divider-".concat(divider)), className),
+    children: rows.map(function (row, index) {
+      var _a;
+      var copyText = (_a = row.copyValue) !== null && _a !== void 0 ? _a : copyable && typeof row.value === 'string' ? row.value : undefined;
+      return (0, _jsxRuntime.jsxs)("li", {
+        className: (0, _classnames.joinCls)(classes('row'), row.highlight && classes('row-highlight')),
+        children: [row.highlight && (0, _jsxRuntime.jsx)("div", {
+          className: classes('band')
+        }), (0, _jsxRuntime.jsx)(LabelTypography, {
+          size: labelSize,
+          className: (0, _classnames.joinCls)(classes('col'), row.labelCls),
+          children: row.label
+        }), typeof row.value === 'string' ? (0, _jsxRuntime.jsxs)("div", {
+          className: (0, _classnames.joinCls)(classes('col'), classes('value')),
+          children: [(0, _jsxRuntime.jsx)(_Typography.Typography.Body, {
+            size: 'md',
+            strong: true,
+            className: (0, _classnames.joinCls)(classes('value-text'), row.valueCls),
+            children: row.value
+          }), copyText != null && (0, _jsxRuntime.jsx)(_Copy.Copy, {
+            value: copyText,
+            iconSize: 16,
+            className: (0, _classnames.joinCls)(classes('copy'), row.highlight && classes('copy-highlight'))
+          })]
+        }) : copyText != null ? (0, _jsxRuntime.jsxs)("div", {
+          className: (0, _classnames.joinCls)(classes('col'), classes('value')),
+          children: [row.value, (0, _jsxRuntime.jsx)(_Copy.Copy, {
+            value: copyText,
+            iconSize: 16,
+            className: (0, _classnames.joinCls)(classes('copy'), row.highlight && classes('copy-highlight'))
+          })]
+        }) : row.value]
+      }, index);
+    })
+  });
+};
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(FieldList);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL3NyYy9idXNpbmVzcy9GaWVsZExpc3QvaW5kZXgudHN4IiwiYnVzaW5lc3MvRmllbGRMaXN0L2luZGV4LmpzIl0sIm5hbWVzIjpbIl90eXBlb2YiLCJyZXF1aXJlIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJleHBvcnRzIiwidmFsdWUiLCJfanN4UnVudGltZSIsIl9yZWFjdCIsIl9Db3B5IiwiX1R5cG9ncmFwaHkiLCJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiY2xhc3NlcyIsImNsYXNzbmFtZXMiLCJGaWVsZExpc3QiLCJfcmVmIiwicm93cyIsIl9yZWYkbGFiZWxWYXJpYW50IiwibGFiZWxWYXJpYW50IiwiX3JlZiRkaXZpZGVyIiwiZGl2aWRlciIsIl9yZWYkY29weWFibGUiLCJjb3B5YWJsZSIsImNsYXNzTmFtZSIsIkxhYmVsVHlwb2dyYXBoeSIsIlR5cG9ncmFwaHkiLCJUaXRsZSIsIkJvZHkiLCJsYWJlbFNpemUiLCJfanN4Iiwiam9pbkNscyIsImNvbmNhdCIsImNoaWxkcmVuIiwibWFwIiwicm93IiwiaW5kZXgiLCJfYSIsImNvcHlUZXh0IiwiY29weVZhbHVlIiwidW5kZWZpbmVkIiwiX2pzeHMiLCJoaWdobGlnaHQiLCJzaXplIiwibGFiZWxDbHMiLCJsYWJlbCIsInN0cm9uZyIsInZhbHVlQ2xzIiwiQ29weSIsImljb25TaXplIiwiX2RlZmF1bHQiLCJtZW1vIl0sIm1hcHBpbmdzIjoiO0FBQUEsWUFBWTs7QUFBQyxJQUFBQSxPQUFBLEdBQUFDLE9BQUE7QUFBQUMsTUFBQSxDQUFBQyxjQUFBLENBQUFD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LENBQ0M7QUFFVCxDQUFDO0FBQUMsSUFBQWMsUUFBQSxHQUFBOUQsT0FBQSwyQkFFYSxJQUFBK0QsV0FBSSxFQUFDcEMsU0FBUyxDQUFDIiwiZmlsZSI6ImJ1c2luZXNzL0ZpZWxkTGlzdC9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiJ3VzZSBjbGllbnQnO1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb3B5IH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9Db3B5JztcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBjbGFzc25hbWVzLCBqb2luQ2xzIH0gZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgJy4vc3R5bGUnO1xuY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMoJ2ZpZWxkLWxpc3QnKTtcbmNvbnN0IEZpZWxkTGlzdCA9ICh7IHJvd3MsIGxhYmVsVmFyaWFudCA9ICd0aXRsZScsIGRpdmlkZXIgPSAnYm90dG9tJywgY29weWFibGUgPSBmYWxzZSwgY2xhc3NOYW1lLCB9KSA9PiB7XG4gICAgY29uc3QgTGFiZWxUeXBvZ3JhcGh5ID0gbGFiZWxWYXJpYW50ID09PSAndGl0bGUnID8gVHlwb2dyYXBoeS5UaXRsZSA6IFR5cG9ncmFwaHkuQm9keTtcbiAgICBjb25zdCBsYWJlbFNpemUgPSBsYWJlbFZhcmlhbnQgPT09ICd0aXRsZScgPyAnc20nIDogJ21kJztcbiAgICByZXR1cm4gKF9qc3goXCJ1bFwiLCB7IGNsYXNzTmFtZTogam9pbkNscyhjbGFzc2VzKCksIGNsYXNzZXMoYGRpdmlkZXItJHtkaXZpZGVyfWApLCBjbGFzc05hbWUpLCBjaGlsZHJlbjogcm93cy5tYXAoKHJvdywgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIHZhciBfYTtcbiAgICAgICAgICAgIGNvbnN0IGNvcHlUZXh0ID0gKF9hID0gcm93LmNvcHlWYWx1ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogKGNvcHlhYmxlICYmIHR5cGVvZiByb3cudmFsdWUgPT09ICdzdHJpbmcnID8gcm93LnZhbHVlIDogdW5kZWZpbmVkKTtcbiAgICAgICAgICAgIHJldHVybiAoX2pzeHMoXCJsaVwiLCB7IGNsYXNzTmFtZTogam9pbkNscyhjbGFzc2VzKCdyb3cnKSwgcm93LmhpZ2hsaWdodCAmJiBjbGFzc2VzKCdyb3ctaGlnaGxpZ2h0JykpLCBjaGlsZHJlbjogW3Jvdy5oaWdobGlnaHQgJiYgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnYmFuZCcpIH0pLCBfanN4KExhYmVsVHlwb2dyYXBoeSwgeyBzaXplOiBsYWJlbFNpemUsIGNsYXNzTmFtZTogam9pbkNscyhjbGFzc2VzKCdjb2wnKSwgcm93LmxhYmVsQ2xzKSwgY2hpbGRyZW46IHJvdy5sYWJlbCB9KSwgdHlwZW9mIHJvdy52YWx1ZSA9PT0gJ3N0cmluZycgPyAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGpvaW5DbHMoY2xhc3NlcygnY29sJyksIGNsYXNzZXMoJ3ZhbHVlJykpLCBjaGlsZHJlbjogW19qc3goVHlwb2dyYXBoeS5Cb2R5LCB7IHNpemU6ICdtZCcsIHN0cm9uZzogdHJ1ZSwgY2xhc3NOYW1lOiBqb2luQ2xzKGNsYXNzZXMoJ3ZhbHVlLXRleHQnKSwgcm93LnZhbHVlQ2xzKSwgY2hpbGRyZW46IHJvdy52YWx1ZSB9KSwgY29weVRleHQgIT0gbnVsbCAmJiAoX2pzeChDb3B5LCB7IHZhbHVlOiBjb3B5VGV4dCwgaWNvblNpemU6IDE2LCBjbGFzc05hbWU6IGpvaW5DbHMoY2xhc3NlcygnY29weScpLCByb3cuaGlnaGxpZ2h0ICYmIGNsYXNzZXMoJ2NvcHktaGlnaGxpZ2h0JykpIH0pKV0gfSkpIDogY29weVRleHQgIT0gbnVsbCA/IChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogam9pbkNscyhjbGFzc2VzKCdjb2wnKSwgY2xhc3NlcygndmFsdWUnKSksIGNoaWxkcmVuOiBbcm93LnZhbHVlLCBfanN4KENvcHksIHsgdmFsdWU6IGNvcHlUZXh0LCBpY29uU2l6ZTogMTYsIGNsYXNzTmFtZTogam9pbkNscyhjbGFzc2VzKCdjb3B5JyksIHJvdy5oaWdobGlnaHQgJiYgY2xhc3NlcygnY29weS1oaWdobGlnaHQnKSkgfSldIH0pKSA6IChyb3cudmFsdWUpXSB9LCBpbmRleCkpO1xuICAgICAgICB9KSB9KSk7XG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhGaWVsZExpc3QpOyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/business/FieldList/style/FieldList.css

@@ -0,0 +1,89 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-field-list {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.om-component-ui-field-list > .om-component-ui-field-list-row:has(+ .om-component-ui-field-list-row-highlight) {
+  border: 0;
+}
+.om-component-ui-field-list-row {
+  display: inline-flex;
+  gap: var(--om-spacing-300, 12px);
+  align-items: center;
+  padding-block: var(--om-spacing-300, 12px);
+}
+.om-component-ui-field-list-divider-bottom .om-component-ui-field-list-row {
+  border: 0;
+  border-bottom: 1px solid var(--om-border-neutral-secondary, #f0f0f0);
+}
+.om-component-ui-field-list-divider-bottom .om-component-ui-field-list-row:last-child {
+  padding-bottom: 0;
+  border-bottom: 0;
+}
+.om-component-ui-field-list-divider-top .om-component-ui-field-list-row {
+  border: 0;
+  border-top: 1px solid var(--om-border-default, #d1d2d2);
+}
+.om-component-ui-field-list-divider-top .om-component-ui-field-list-row:first-child {
+  border-top: 0;
+}
+.om-component-ui-field-list-row-highlight {
+  position: relative;
+  padding-bottom: var(--om-spacing-300, 12px) !important;
+  border: 0 !important;
+}
+.om-component-ui-field-list-band {
+  position: absolute;
+  inset-block: 0;
+  inset-inline: calc(var(--om-spacing-200, 8px) * -1);
+  background-color: var(--om-bg-warning-secondary, rgba(244, 198, 0, 0.1));
+  border-radius: var(--om-radius-300, 12px);
+}
+.om-component-ui-field-list-col {
+  flex-shrink: 0;
+  width: calc(50% - 6px);
+}
+.om-component-ui-field-list-value {
+  display: inline-flex;
+  gap: var(--om-spacing-400, 16px);
+  align-items: center;
+  justify-content: flex-end;
+  min-width: 0;
+}
+.om-component-ui-field-list-value-text {
+  text-align: right;
+  overflow-wrap: break-word;
+}
+.om-component-ui-field-list-copy {
+  padding: var(--om-spacing-200, 8px) !important;
+  border-radius: var(--om-radius-200, 8px) !important;
+}
+.om-component-ui-field-list-copy-highlight {
+  z-index: 10;
+  background-color: var(--om-bg-warning, #f4c600) !important;
+}

package/lib/business/FieldList/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./FieldList.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0ZpZWxkTGlzdC9zcmMvYnVzaW5lc3MvRmllbGRMaXN0L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUEiLCJmaWxlIjoiYnVzaW5lc3MvRmllbGRMaXN0L3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/business/FieldList/style/index.d.ts

@@ -0,0 +1 @@
+import './FieldList.css';

package/lib/business/FieldList/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./FieldList.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0ZpZWxkTGlzdC9zcmMvYnVzaW5lc3MvRmllbGRMaXN0L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUEiLCJmaWxlIjoiYnVzaW5lc3MvRmllbGRMaXN0L3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/business/FormPage/FormPage.d.ts

@@ -0,0 +1,4 @@
+import type { FormPageProps } from './interface';
+export declare const FormPage: (<Values extends Record<string, any> = Record<string, any>>({ size, width, className, title, extra, description, children, initialValues, onSubmit, onSuccess, submitText, submitSlot, secondary, footnote, formRef, formProps, }: FormPageProps<Values>) => import("react/jsx-runtime").JSX.Element) & {
+    Field: ({ half, children }: import("../shared/formCore/BaseProForm").FormFieldProps) => import("react/jsx-runtime").JSX.Element;
+};

package/lib/business/FormPage/FormPage.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormPage = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _ActionBar = require("../../components/ActionBar");
+var _FormLayout = require("../../components/FormLayout");
+var _Typography = require("../../components/Typography");
+var _BaseProForm = require("../shared/formCore/BaseProForm");
+var _useRelayedFormRef = require("../shared/formCore/useRelayedFormRef");
+var _useSubmitAction2 = require("../shared/formCore/useSubmitAction");
+/**
+ * Form scenario shell for the PAGE host — the in-document counterpart of
+ * `FormDialog`:
+ *
+ *   FormLayout(page)   card chrome + page density, no overlay, never scrolls
+ *                      internally. `size` selects the width: `large` (738,
+ *                      default) or `small` (448); padding and gaps are the same
+ *                      page density either way. Width resolves inside
+ *                      FormLayout; this shell only forwards `size`.
+ *   ├─ BaseProForm     same single ProForm config point (variant='page' + the
+ *   │                  same `size`, so control size / gutter / row gap match)
+ *   └─ ActionBar(fill) full-width submit (page forms per the DS)
+ *
+ * The SAME fields render identically here and in FormDialog — only the
+ * container differs.
+ */
+var FormPageInner = function FormPageInner(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'large' : _ref$size,
+    width = _ref.width,
+    className = _ref.className,
+    title = _ref.title,
+    extra = _ref.extra,
+    description = _ref.description,
+    children = _ref.children,
+    initialValues = _ref.initialValues,
+    onSubmit = _ref.onSubmit,
+    onSuccess = _ref.onSuccess,
+    submitText = _ref.submitText,
+    submitSlot = _ref.submitSlot,
+    secondary = _ref.secondary,
+    footnote = _ref.footnote,
+    formRef = _ref.formRef,
+    formProps = _ref.formProps;
+  var innerRef = (0, _useRelayedFormRef.useRelayedFormRef)(formRef);
+  var _useSubmitAction = (0, _useSubmitAction2.useSubmitAction)(onSubmit, onSuccess),
+    submitting = _useSubmitAction.submitting,
+    handleFinish = _useSubmitAction.handleFinish;
+  return (0, _jsxRuntime.jsxs)(_FormLayout.FormLayout, {
+    variant: 'page',
+    size: size,
+    width: width,
+    className: className,
+    title: title,
+    extra: extra,
+    footer: (0, _jsxRuntime.jsx)(_ActionBar.ActionBar, {
+      layout: 'fill',
+      secondary: secondary,
+      primary: submitSlot ? undefined : {
+        label: submitText,
+        loading: submitting,
+        onClick: function onClick() {
+          var _a;
+          return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.submitForm();
+        }
+      },
+      primarySlot: submitSlot === null || submitSlot === void 0 ? void 0 : submitSlot({
+        submit: function submit() {
+          var _a;
+          return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.submitForm();
+        },
+        submitting: submitting
+      }),
+      footnote: footnote
+    }),
+    children: [description && (0, _jsxRuntime.jsx)(_Typography.Typography.Body, {
+      as: 'p',
+      size: 'md',
+      strong: true,
+      color: 'default-secondary',
+      children: description
+    }), (0, _jsxRuntime.jsx)(_BaseProForm.BaseProForm, Object.assign({}, formProps, {
+      variant: 'page',
+      size: size,
+      formRef: innerRef,
+      initialValues: initialValues,
+      onFinish: handleFinish,
+      children: children
+    }))]
+  });
+};
+var FormPage = exports.FormPage = Object.assign(FormPageInner, {
+  Field: _BaseProForm.FormField
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0Zvcm1QYWdlL0Zvcm1QYWdlLmpzIiwiYnVzaW5lc3Mvc3JjL2J1c2luZXNzL0Zvcm1QYWdlL0Zvcm1QYWdlLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfQWN0aW9uQmFyIiwiX0Zvcm1MYXlvdXQiLCJfVHlwb2dyYXBoeSIsIl9CYXNlUHJvRm9ybSIsIl91c2VSZWxheWVkRm9ybVJlZiIsIl91c2VTdWJtaXRBY3Rpb24yIiwiRm9ybVBhZ2VJbm5lciIsIl9yZWYiLCJfcmVmJHNpemUiLCJzaXplIiwid2lkdGgiLCJjbGFzc05hbWUiLCJ0aXRsZSIsImV4dHJhIiwiZGVzY3JpcHRpb24iLCJjaGlsZHJlbiIsImluaXRpYWxWYWx1ZXMiLCJvblN1Ym1pdCIsIm9uU3VjY2VzcyIsInN1Ym1pdFRleHQiLCJzdWJtaXRTbG90Iiwic2Vjb25kYXJ5IiwiZm9vdG5vdGUiLCJmb3JtUmVmIiwiZm9ybVByb3BzIiwiaW5uZXJSZWYiLCJ1c2VSZWxheWVkRm9ybVJlZiIsIl91c2VTdWJtaXRBY3Rpb24iLCJ1c2VTdWJtaXRBY3Rpb24iLCJzdWJtaXR0aW5nIiwiaGFuZGxlRmluaXNoIiwiX2pzeHMiLCJGb3JtTGF5b3V0IiwidmFyaWFudCIsImZvb3RlciIsIl9qc3giLCJBY3Rpb25CYXIiLCJsYXlvdXQiLCJwcmltYXJ5IiwidW5kZWZpbmVkIiwibGFiZWwiLCJsb2FkaW5nIiwib25DbGljayIsIl9hIiwiY3VycmVudCIsInN1Ym1pdEZvcm0iLCJwcmltYXJ5U2xvdCIsInN1Ym1pdCIsIlR5cG9ncmFwaHkiLCJCb2R5IiwiYXMiLCJzdHJvbmciLCJjb2xvciIsIkJhc2VQcm9Gb3JtIiwiT2JqZWN0IiwiYXNzaWduIiwib25GaW5pc2giLCJGb3JtUGFnZSIsImV4cG9ydHMiLCJGaWVsZCIsIkZvcm1GaWVsZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FDQUEsSUFBQUMsVUFBQSxH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RCxFQUFBLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQUFBLEVBQUEsQ0FBRUUsVUFBVSxDQUFBLENBQUU7UUFBQSxDQUFBO1FBQzVDaEIsVUFBVSxFQUFWQTtNRC9CQSxDQ2dDRCxDQUFDO01BQ0ZQLFFBQVEsRUFBRUE7SUFBUSxDQUFBLENBQ2xCO0lBQUFQLFFBQUEsRUFBQSxDQUdIRCxXQUFXLElBQ1YsSUFBQXFCLGVBQUEsRUFBQ2Esc0JBQVUsQ0FBQ0MsSUFBSSxFQUFBO01BQUNDLEVBQUUsRUFBQyxHQUFHO01BQUN6QyxJQUFJLEVBQUMsSUFBSTtNQUFDMEMsTUFBTSxFQUFBLElBQUE7TUFBQ0MsS0FBSyxFQUFDLG1CQUFtQjtNQUFBckMsUUFBQSxFQUMvREQ7SUFBVyxDQUFBLENBRWYsRUFDRCxJQUFBcUIsZUFBQSxFQUFDa0Isd0JBQVcsRUFBQUMsTUFBQSxDQUFBQyxNQUFBLENBQUEsQ0FBQSxDQUFBLEVBQ04vQixTQUFTLEVBQUE7TUFDYlMsT0FBTyxFQUFDLE1BQU07TUFDZHhCLElBQUksRUFBRUEsSUFBSTtNQUNWYyxPQUFPLEVBQUVFLFFBQVE7TUFDakJULGFBQWEsRUFBRUEsYUFBYTtNQUM1QndDLFFBQVEsRUFBRTFCLFlBQVk7TUFBQWYsUUFBQSxFQUVyQkE7SUFBUSxDQUFBLENBQUEsQ0FDRztFQUFBLENBQUEsQ0FDSDtBQUVqQixDQUFDO0FBRU0sSUFBTTBDLFFBQVEsR0FBQUMsT0FBQSxDQUFBRCxRQUFBLEdBQUdILE1BQU0sQ0FBQ0MsTUFBTSxDQUFDakQsYUFBYSxFQUFFO0VBQUVxRCxLQUFLLEVBQUVDO0FBQVMsQ0FBRSxDQUFDIiwiZmlsZSI6ImJ1c2luZXNzL0Zvcm1QYWdlL0Zvcm1QYWdlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IEFjdGlvbkJhciB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvQWN0aW9uQmFyJztcbmltcG9ydCB7IEZvcm1MYXlvdXQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL0Zvcm1MYXlvdXQnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBCYXNlUHJvRm9ybSwgRm9ybUZpZWxkIH0gZnJvbSAnLi4vc2hhcmVkL2Zvcm1Db3JlL0Jhc2VQcm9Gb3JtJztcbmltcG9ydCB7IHVzZVJlbGF5ZWRGb3JtUmVmIH0gZnJvbSAnLi4vc2hhcmVkL2Zvcm1Db3JlL3VzZVJlbGF5ZWRGb3JtUmVmJztcbmltcG9ydCB7IHVzZVN1Ym1pdEFjdGlvbiB9IGZyb20gJy4uL3NoYXJlZC9mb3JtQ29yZS91c2VTdWJtaXRBY3Rpb24nO1xuLyoqXG4gKiBGb3JtIHNjZW5hcmlvIHNoZWxsIGZvciB0aGUgUEFHRSBob3N0IOKAlCB0aGUgaW4tZG9jdW1lbnQgY291bnRlcnBhcnQgb2ZcbiAqIGBGb3JtRGlhbG9nYDpcbiAqXG4gKiAgIEZvcm1MYXlvdXQocGFnZSkgICBjYXJkIGNocm9tZSArIHBhZ2UgZGVuc2l0eSwgbm8gb3ZlcmxheSwgbmV2ZXIgc2Nyb2xsc1xuICogICAgICAgICAgICAgICAgICAgICAgaW50ZXJuYWxseS4gYHNpemVgIHNlbGVjdHMgdGhlIHdpZHRoOiBgbGFyZ2VgICg3MzgsXG4gKiAgICAgICAgICAgICAgICAgICAgICBkZWZhdWx0KSBvciBgc21hbGxgICg0NDgpOyBwYWRkaW5nIGFuZCBnYXBzIGFyZSB0aGUgc2FtZVxuICogICAgICAgICAgICAgICAgICAgICAgcGFnZSBkZW5zaXR5IGVpdGhlciB3YXkuIFdpZHRoIHJlc29sdmVzIGluc2lkZVxuICogICAgICAgICAgICAgICAgICAgICAgRm9ybUxheW91dDsgdGhpcyBzaGVsbCBvbmx5IGZvcndhcmRzIGBzaXplYC5cbiAqICAg4pSc4pSAIEJhc2VQcm9Gb3JtICAgICBzYW1lIHNpbmdsZSBQcm9Gb3JtIGNvbmZpZyBwb2ludCAodmFyaWFudD0ncGFnZScgKyB0aGVcbiAqICAg4pSCICAgICAgICAgICAgICAgICAgc2FtZSBgc2l6ZWAsIHNvIGNvbnRyb2wgc2l6ZSAvIGd1dHRlciAvIHJvdyBnYXAgbWF0Y2gpXG4gKiAgIOKUlOKUgCBBY3Rpb25CYXIoZmlsbCkgZnVsbC13aWR0aCBzdWJtaXQgKHBhZ2UgZm9ybXMgcGVyIHRoZSBEUylcbiAqXG4gKiBUaGUgU0FNRSBmaWVsZHMgcmVuZGVyIGlkZW50aWNhbGx5IGhlcmUgYW5kIGluIEZvcm1EaWFsb2cg4oCUIG9ubHkgdGhlXG4gKiBjb250YWluZXIgZGlmZmVycy5cbiAqL1xuY29uc3QgRm9ybVBhZ2VJbm5lciA9ICh7IHNpemUgPSAnbGFyZ2UnLCB3aWR0aCwgY2xhc3NOYW1lLCB0aXRsZSwgZXh0cmEsIGRlc2NyaXB0aW9uLCBjaGlsZHJlbiwgaW5pdGlhbFZhbHVlcywgb25TdWJtaXQsIG9uU3VjY2Vzcywgc3VibWl0VGV4dCwgc3VibWl0U2xvdCwgc2Vjb25kYXJ5LCBmb290bm90ZSwgZm9ybVJlZiwgZm9ybVByb3BzLCB9KSA9PiB7XG4gICAgY29uc3QgaW5uZXJSZWYgPSB1c2VSZWxheWVkRm9ybVJlZihmb3JtUmVmKTtcbiAgICBjb25zdCB7IHN1Ym1pdHRpbmcsIGhhbmRsZUZpbmlzaCB9ID0gdXNlU3VibWl0QWN0aW9uKG9uU3VibWl0LCBvblN1Y2Nlc3MpO1xuICAgIHJldHVybiAoX2pzeHMoRm9ybUxheW91dCwgeyB2YXJpYW50OiAncGFnZScsIHNpemU6IHNpemUsIHdpZHRoOiB3aWR0aCwgY2xhc3NOYW1lOiBjbGFzc05hbWUsIHRpdGxlOiB0aXRsZSwgZXh0cmE6IGV4dHJhLCBmb290ZXI6IF9qc3goQWN0aW9uQmFyLCB7IGxheW91dDogJ2ZpbGwnLCBzZWNvbmRhcnk6IHNlY29uZGFyeSwgcHJpbWFyeTogc3VibWl0U2xvdCA/IHVuZGVmaW5lZCA6IHtcbiAgICAgICAgICAgICAgICBsYWJlbDogc3VibWl0VGV4dCxcbiAgICAgICAgICAgICAgICBsb2FkaW5nOiBzdWJtaXR0aW5nLFxuICAgICAgICAgICAgICAgIG9uQ2xpY2s6ICgpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gaW5uZXJSZWYuY3VycmVudCkgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLnN1Ym1pdEZvcm0oKTsgfSxcbiAgICAgICAgICAgIH0sIHByaW1hcnlTbG90OiBzdWJtaXRTbG90ID09PSBudWxsIHx8IHN1Ym1pdFNsb3QgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHN1Ym1pdFNsb3Qoe1xuICAgICAgICAgICAgICAgIHN1Ym1pdDogKCkgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBpbm5lclJlZi5jdXJyZW50KSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Euc3VibWl0Rm9ybSgpOyB9LFxuICAgICAgICAgICAgICAgIHN1Ym1pdHRpbmcsXG4gICAgICAgICAgICB9KSwgZm9vdG5vdGU6IGZvb3Rub3RlIH0pLCBjaGlsZHJlbjogW2Rlc2NyaXB0aW9uICYmIChfanN4KFR5cG9ncmFwaHkuQm9keSwgeyBhczogJ3AnLCBzaXplOiAnbWQnLCBzdHJvbmc6IHRydWUsIGNvbG9yOiAnZGVmYXVsdC1zZWNvbmRhcnknLCBjaGlsZHJlbjogZGVzY3JpcHRpb24gfSkpLCBfanN4KEJhc2VQcm9Gb3JtLCBPYmplY3QuYXNzaWduKHt9LCBmb3JtUHJvcHMsIHsgdmFyaWFudDogJ3BhZ2UnLCBzaXplOiBzaXplLCBmb3JtUmVmOiBpbm5lclJlZiwgaW5pdGlhbFZhbHVlczogaW5pdGlhbFZhbHVlcywgb25GaW5pc2g6IGhhbmRsZUZpbmlzaCwgY2hpbGRyZW46IGNoaWxkcmVuIH0pKV0gfSkpO1xufTtcbmV4cG9ydCBjb25zdCBGb3JtUGFnZSA9IE9iamVjdC5hc3NpZ24oRm9ybVBhZ2VJbm5lciwgeyBGaWVsZDogRm9ybUZpZWxkIH0pOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/business/FormPage/index.d.ts

@@ -0,0 +1,4 @@
+import { FormPage } from './FormPage';
+export { FormPage } from './FormPage';
+export default FormPage;
+export * from './interface';

package/lib/business/FormPage/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  FormPage: true
+};
+Object.defineProperty(exports, "FormPage", {
+  enumerable: true,
+  get: function get() {
+    return _FormPage.FormPage;
+  }
+});
+exports["default"] = void 0;
+var _FormPage = require("./FormPage");
+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 _default = exports["default"] = _FormPage.FormPage;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL3NyYy9idXNpbmVzcy9Gb3JtUGFnZS9pbmRleC50cyJdLCJuYW1lcyI6WyJfRm9ybVBhZ2UiLCJyZXF1aXJlIiwiX2ludGVyZmFjZSIsIk9iamVjdCIsImtleXMiLCJmb3JFYWNoIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiX2V4cG9ydE5hbWVzIiwiZXhwb3J0cyIsImRlZmluZVByb3BlcnR5IiwiZW51bWVyYWJsZSIsImdldCIsIl9kZWZhdWx0IiwiRm9ybVBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLFNBQUEsR0FBQUMsT0FBQTtBQU1BLElBQUFDLFVBQUEsR0FBQUQsT0FBQTtBQUFBRSxNQUFBLENBQUFDLElBQUEsQ0FBQUYsVUFBQSxFQUFBRyxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBQyxZQUFBLEVBQUFKLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFLLE9BQUEsSUFBQUEsT0FBQSxDQUFBTCxHQUFBLE1BQUFKLFVBQUEsQ0FBQUksR0FBQTtFQUFBSCxNQUFBLENBQUFTLGNBQUEsQ0FBQUQsT0FBQSxFQUFBTCxHQUFBO0lBQUFPLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQVosVUFBQSxDQUFBSSxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQTRCLElBQUFTLFFBQUEsR0FBQUosT0FBQSxjQUZiSyxrQkFBUSIsImZpbGUiOiJidXNpbmVzcy9Gb3JtUGFnZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/business/FormPage/interface.d.ts

@@ -0,0 +1,53 @@
+import type { ReactNode, RefObject } from 'react';
+import type { ActionBarAction, ActionBarFootnote } from "../../components/ActionBar";
+import type { FormLayoutProps, FormLayoutSize } from "../../components/FormLayout";
+import type { ProFormFormInstance } from "../../components/ProForm";
+import type { BaseProFormProps } from '../shared/formCore/BaseProForm';
+import type { SubmitHandler } from '../shared/formCore/useSubmitAction';
+export interface FormPageProps<Values extends Record<string, any> = Record<string, any>> extends Pick<FormLayoutProps, 'width' | 'className'> {
+    /**
+     * Panel size, forwarded to FormLayout (and the form preset). `large` is the
+     * page density (738 wide, 32 padding, 24 gaps); `small` is a narrower 448
+     * page (same padding and gaps). Defaults to `large`. Pass an explicit
+     * `width` to override the resolved one.
+     */
+    size?: FormLayoutSize;
+    /** Card heading (FormLayout header). */
+    title?: ReactNode;
+    /** Trailing slot on the title row (e.g. an environment switcher). */
+    extra?: ReactNode;
+    /** Supporting copy rendered above the fields. */
+    description?: ReactNode;
+    /** ProForm fields — wrap each in `FormPage.Field` for half/full width. */
+    children?: ReactNode;
+    /** Initial form values. */
+    initialValues?: BaseProFormProps<Values>['initialValues'];
+    /**
+     * Validated-submit handler. Resolving (or returning `true`/`void`) fires
+     * `onSuccess`; returning `false` or throwing keeps the page state intact.
+     */
+    onSubmit?: SubmitHandler<Values>;
+    /** Fires after a successful submit (e.g. route to the next step). */
+    onSuccess?: () => void;
+    /** Submit button label override (defaults to the generic 'Confirm'). */
+    submitText?: ReactNode;
+    /**
+     * Replace the built-in submit button with a custom node — for submits the
+     * action model cannot express (Button2FA challenges, permission-gated
+     * wrappers). Receives the internal validated-submit trigger and the
+     * in-flight flag; the node takes the primary position in the ActionBar
+     * (same width/track rules).
+     */
+    submitSlot?: (ctx: {
+        submit: () => void;
+        submitting: boolean;
+    }) => ReactNode;
+    /** Optional secondary (left) action. */
+    secondary?: ActionBarAction;
+    /** Optional centered footnote row below the actions. */
+    footnote?: ActionBarFootnote;
+    /** Imperative form instance (validate, set values, …). */
+    formRef?: RefObject<ProFormFormInstance<Values> | undefined>;
+    /** Extra ProForm props (layout props are locked and stripped). */
+    formProps?: Omit<BaseProFormProps<Values>, 'variant' | 'size' | 'initialValues' | 'onFinish' | 'formRef' | 'children'>;
+}

package/lib/business/FormPage/interface.js

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