@1money/component-ui 0.0.90 → 0.0.91

package/es/components/Dialog/style/css.js

@@ -1,2 +1,3 @@
 import './Dialog.css';
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvRGlhbG9nL3NyYy9jb21wb25lbnRzL0RpYWxvZy9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWUiLCJmaWxlIjoiY29tcG9uZW50cy9EaWFsb2cvc3R5bGUvY3NzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
+import './DialogBare.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvRGlhbG9nL3NyYy9jb21wb25lbnRzL0RpYWxvZy9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWU7QUFDdEIsT0FBTyxtQkFBbUIiLCJmaWxlIjoiY29tcG9uZW50cy9EaWFsb2cvc3R5bGUvY3NzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Dialog/style/index.d.ts

@@ -1 +1,2 @@
 import './Dialog.css';
+import './DialogBare.css';

package/es/components/Dialog/style/index.js

@@ -1,2 +1,3 @@
 import './Dialog.css';
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvRGlhbG9nL3NyYy9jb21wb25lbnRzL0RpYWxvZy9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWUiLCJmaWxlIjoiY29tcG9uZW50cy9EaWFsb2cvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
+import './DialogBare.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvRGlhbG9nL3NyYy9jb21wb25lbnRzL0RpYWxvZy9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWU7QUFDdEIsT0FBTyxtQkFBbUIiLCJmaWxlIjoiY29tcG9uZW50cy9EaWFsb2cvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/FormLayout/FormLayout.d.ts

@@ -0,0 +1,25 @@
+import type { FC, ReactNode } from 'react';
+import type { FormLayoutProps } from './interface';
+import './style';
+export interface FormRowProps {
+    children?: ReactNode;
+    className?: string;
+}
+export type FormCellProps = FormRowProps;
+/**
+ * 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`.
+ */
+export declare const FormRow: FC<FormRowProps>;
+/**
+ * One cell of a FormRow; cells split the row evenly and clip long content.
+ * Also available as `FormLayout.Cell`.
+ */
+export declare const FormCell: FC<FormCellProps>;
+export declare const FormLayout: import("react").NamedExoticComponent<FormLayoutProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Row: FC<FormRowProps>;
+    Cell: FC<FormRowProps>;
+};

package/es/components/FormLayout/FormLayout.js

@@ -0,0 +1,128 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var __rest = this && this.__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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, memo, useEffect, useRef, useState } from 'react';
+import { Typography } from '../Typography';
+import { default as classnames, joinCls } from '../../utils/classnames';
+import { FORM_LAYOUT_PREFIX, FORM_LAYOUT_SLOT, formLayoutCssVars, resolveFormLayoutConfig } from './config';
+import { FormControlSizeContext } from './context';
+import './style';
+var SCROLL_FADE_DELAY = 1000;
+var FormLayoutBase = /*#__PURE__*/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 ? 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 = classnames(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 = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    scrolling = _useState2[0],
+    setScrolling = _useState2[1];
+  var fadeTimer = useRef(undefined);
+  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' ? _jsx(Typography.Headline, {
+    size: 'sm',
+    as: 'h2',
+    color: 'default',
+    children: title
+  }) : title;
+  return _jsx(FormControlSizeContext.Provider, {
+    value: resolveFormLayoutConfig(variant, size).controlSize,
+    children: _jsxs("div", Object.assign({}, rest, {
+      ref: ref,
+      className: joinCls(classes(), classes(variant), scrollable && classes('scrollable'), className),
+      style: Object.assign(Object.assign(Object.assign(Object.assign({}, formLayoutCssVars(variant, size)), resolvedWidth ? {
+        width: resolvedWidth
+      } : null), maxHeight != null ? {
+        maxHeight: typeof maxHeight === 'number' ? "".concat(maxHeight, "px") : maxHeight
+      } : null), style),
+      children: [(title != null || extra != null) && _jsxs("div", {
+        className: classes(FORM_LAYOUT_SLOT.header),
+        children: [title != null && _jsx("div", {
+          className: classes(FORM_LAYOUT_SLOT.title),
+          children: titleNode
+        }), extra != null && _jsx("div", {
+          className: classes(FORM_LAYOUT_SLOT.extra),
+          children: extra
+        })]
+      }), children != null && _jsx("div", {
+        className: joinCls(classes(FORM_LAYOUT_SLOT.content), scrolling && classes("".concat(FORM_LAYOUT_SLOT.content, "-scrolling"))),
+        onScroll: handleScroll,
+        children: children
+      }), footer != null && _jsx("div", {
+        className: classes(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`.
+ */
+export var FormRow = function FormRow(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return _jsx("div", {
+    className: joinCls(classnames(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`.
+ */
+export var FormCell = function FormCell(_ref2) {
+  var children = _ref2.children,
+    className = _ref2.className;
+  return _jsx("div", {
+    className: joinCls(classnames(FORM_LAYOUT_PREFIX)('cell'), className),
+    children: children
+  });
+};
+export var FormLayout = Object.assign(/*#__PURE__*/memo(FormLayoutBase), {
+  Row: FormRow,
+  Cell: FormCell
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvRm9ybUxheW91dC9Gb3JtTGF5b3V0LmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Gb3JtTGF5b3V0L0Zvcm1MYXlvdXQudHN4Il0sIm5hbWVzIjpbIl9fcmVzdCIsInMiLCJlIiwidCIsInAiLCJPYmplY3QiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpbmRleE9mIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwiaSIsImxlbmd0aCIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsImZvcndhcmRSZWYiLCJtZW1vIiwidXNlRWZmZWN0IiwidXNlUmVmIiwidXNlU3RhdGUiLCJUeXBvZ3JhcGh5IiwiZGVmYXVsdCIsImNsYXNzbmFtZXMiLCJqb2luQ2xzIiwiRk9STV9MQVlPVVRfUFJFRklYIiwiRk9STV9MQVlPVVRfU0xPVCIsImZvcm1MYXlvdXRDc3NWYXJzIiwicmVzb2x2ZUZvcm1MYXlvdXRDb25maWciLCJGb3JtQ29udHJvbFNpemVDb250ZXh0IiwiU0NST0xMX0ZBREVfREVMQVkiLCJGb3JtTGF5b3V0QmFzZSIsIl9hIiwicmVmIiwiX2EkdmFyaWFudCIsInZhcmlhbnQiLCJfYSRzaXplIiwic2l6ZSIsInNjcm9sbCIsInRpdGxlIiwiZXh0cmEiLCJjaGlsZHJlbiIsImZvb3RlciIsIndpZHRoIiwibWF4SGVpZ2h0IiwiX2EkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwiY2xhc3NOYW1lIiwic3R5bGUiLCJyZXN0IiwiY2xhc3NlcyIsInJlc29sdmVkV2lkdGgiLCJjb25jYXQiLCJzY3JvbGxhYmxlIiwiX3VzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5Iiwic2Nyb2xsaW5nIiwic2V0U2Nyb2xsaW5nIiwiZmFkZVRpbWVyIiwidW5kZWZpbmVkIiwiY2xlYXJUaW1lb3V0IiwiY3VycmVudCIsImhhbmRsZVNjcm9sbCIsInNldFRpbWVvdXQiLCJ0aXRsZU5vZGUiLCJIZWFkbGluZSIsImFzIiwiY29sb3IiLCJQcm92aWRlciIsInZhbHVlIiwiY29udHJvbFNpemUiLCJhc3NpZ24iLCJoZWFkZXIiLCJjb250ZW50Iiwib25TY3JvbGwiLCJkaXNwbGF5TmFtZSIsIkZvcm1Sb3ciLCJfcmVmIiwiRm9ybUNlbGwiLCJfcmVmMiIsIkZvcm1MYXlvdXQiLCJSb3ciLCJDZWxsIl0sIm1hcHBpbmdzIjoiO0FBQUEsSUFBSUEsTUFBTSxHQUFJLElBQUksSUFBSSxJQUFJLENBQUNBLE1BQU0sSUFBSyxVQUFVQyxDQUFDLEVBQUVDLENBQUMsRUFBRTtFQUNsRCxJQUFJQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0VBQ1YsS0FBSyxJQUFJQyxDQUFDLElBQUlILENBQUMsRUFBRSxJQUFJSSxNQUFNLENBQUNDLFNBQVMsQ0FBQ0MsY0FBYyxDQUFDQyxJQUFJLENBQUNQLENBQUMsRUFBRUcsQ0FBQyxDQUFDLElBQUlGLENBQUMsQ0FBQ08sT0FBTyxDQUFDTCxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQy9FRCxDQUFDLENBQUNDLENBQUMsQ0FBQyxHQUFHSCxDQUFDLENBQUNHLENBQUMsQ0FBQztFQUNmLElBQUlILENBQUMsSUFBSSxJQUFJLElBQUksT0FBT0ksTUFBTSxDQUFDSyxxQkFBcUIsS0FBSyxVQUFVLEVBQy9ELEtBQUssSUFBSUMsQ0FBQyxHQUFHLENBQUMsRUFBRVAsQ0FBQyxHQUFHQyxNQUFNLENBQUNLLHFCQUFxQixDQUFDVCxDQUFDLENBQUMsRUFBRVUsQ0FBQyxHQUFHUCxDQUFDLENBQUNRLE1BQU0sRUFBRUQsQ0FBQyxFQUFFLEVBQUU7SUFDcEUsSUFBSVQsQ0FBQyxDQUFDTyxPQUFPLENBQUNMLENBQUMsQ0FBQ08sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUlOLE1BQU0sQ0FBQ0MsU0FBUyxDQUFDTyxvQkFBb0IsQ0FBQ0wsSUFBSSxDQUFDUCxDQUFDLEVBQUVHLENBQUMsQ0FBQ08sQ0FBQyxDQUFDLENBQUMsRUFDMUVSLENBQUMsQ0FB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Q3ZELElBQUksQ0FBQ2MsY0FBYyxDQUFDLEVBQUU7RUFDNURtRCxHQUFHLEVBQUVMLE9BQU87RUFDWk0sSUFBSSxFQUFFSjtBRHBFUixDQ3FFQyxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvRm9ybUxheW91dC9Gb3JtTGF5b3V0LmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fcmVzdCA9ICh0aGlzICYmIHRoaXMuX19yZXN0KSB8fCBmdW5jdGlvbiAocywgZSkge1xuICAgIHZhciB0ID0ge307XG4gICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApICYmIGUuaW5kZXhPZihwKSA8IDApXG4gICAgICAgIHRbcF0gPSBzW3BdO1xuICAgIGlmIChzICE9IG51bGwgJiYgdHlwZW9mIE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMgPT09IFwiZnVuY3Rpb25cIilcbiAgICAgICAgZm9yICh2YXIgaSA9IDAsIHAgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHMpOyBpIDwgcC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgaWYgKGUuaW5kZXhPZihwW2ldKSA8IDAgJiYgT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZS5jYWxsKHMsIHBbaV0pKVxuICAgICAgICAgICAgICAgIHRbcFtpXV0gPSBzW3BbaV1dO1xuICAgICAgICB9XG4gICAgcmV0dXJuIHQ7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIG1lbW8sIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IGRlZmF1bHQgYXMgY2xhc3NuYW1lcywgam9pbkNscyB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0IHsgRk9STV9MQVlPVVRfUFJFRklYLCBGT1JNX0xBWU9VVF9TTE9ULCBmb3JtTGF5b3V0Q3NzVmFycywgcmVzb2x2ZUZvcm1MYXlvdXRDb25maWcgfSBmcm9tICcuL2NvbmZpZyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbFNpemVDb250ZXh0IH0gZnJvbSAnLi9jb250ZXh0JztcbmltcG9ydCAnLi9zdHlsZSc7XG5jb25zdCBTQ1JPTExfRkFERV9ERUxBWSA9IDEwMDA7XG5jb25zdCBGb3JtTGF5b3V0QmFzZSA9IGZvcndhcmRSZWYoKF9hLCByZWYpID0+IHtcbiAgICB2YXIgeyB2YXJpYW50ID0gJ3BhZ2UnLCBzaXplID0gJ2xhcmdlJywgc2Nyb2xsLCB0aXRsZSwgZXh0cmEsIGNoaWxkcmVuLCBmb290ZXIsIHdpZHRoLCBtYXhIZWlnaHQsIHByZWZpeENscyA9IEZPUk1fTEFZT1VUX1BSRUZJWCwgY2xhc3NOYW1lLCBzdHlsZSB9ID0gX2EsIHJlc3QgPSBfX3Jlc3QoX2EsIFtcInZhcmlhbnRcIiwgXCJzaXplXCIsIFwic2Nyb2xsXCIsIFwidGl0bGVcIiwgXCJleHRyYVwiLCBcImNoaWxkcmVuXCIsIFwiZm9vdGVyXCIsIFwid2lkdGhcIiwgXCJtYXhIZWlnaHRcIiwgXCJwcmVmaXhDbHNcIiwgXCJjbGFzc05hbWVcIiwgXCJzdHlsZVwiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCByZXNvbHZlZFdpZHRoID0gdHlwZW9mIHdpZHRoID09PSAnbnVtYmVyJyA/IGAke3dpZHRofXB4YCA6IHdpZHRoO1xuICAgIC8vIFdoaWxlIGEgc2Nyb2xsIGlzIGluIGZsaWdodCB0aGUgY29udGVudCBjYXJyaWVzIGEgYC1zY3JvbGxpbmdgIGNsYXNzIHNvXG4gICAgLy8gdGhlIChvdGhlcndpc2UgaW52aXNpYmxlKSBvdmVybGF5IHNjcm9sbGJhciB0aHVtYiBzaG93cywgZmFkaW5nIG91dCBvbmVcbiAgICAvLyBzZWNvbmQgYWZ0ZXIgdGhlIGxhc3Qgc2Nyb2xsIGV2ZW50IOKAlCBwb3J0ZWQgZnJvbSB0aGUgYXBwJ3MgUG9wdXBGb3JtLlxuICAgIC8vIFNjcm9sbCBwb2xpY3k6IHRoZSB2YXJpYW50IHN1cHBsaWVzIHRoZSBkZWZhdWx0IChtb2RhbCDihpIgdHJ1ZSxcbiAgICAvLyBwYWdlIOKGkiBmYWxzZSk7IGFuIGV4cGxpY2l0IGBzY3JvbGxgIHByb3Agb3ZlcnJpZGVzIGl0LlxuICAgIGNvbnN0IHNjcm9sbGFibGUgPSBzY3JvbGwgIT09IG51bGwgJiYgc2Nyb2xsICE9PSB2b2lkIDAgPyBzY3JvbGwgOiB2YXJpYW50ID09PSAnbW9kYWwnO1xuICAgIGNvbnN0IFtzY3JvbGxpbmcsIHNldFNjcm9sbGluZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgZmFkZVRpbWVyID0gdXNlUmVmKHVuZGVmaW5lZCk7XG4gICAgdXNlRWZmZWN0KCgpID0+ICgpID0+IGNsZWFyVGltZW91dChmYWRlVGltZXIuY3VycmVudCksIFtdKTtcbiAgICBjb25zdCBoYW5kbGVTY3JvbGwgPSBzY3JvbGxhYmxlXG4gICAgICAgID8gKCkgPT4ge1xuICAgICAgICAgICAgc2V0U2Nyb2xsaW5nKHRydWUpO1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KGZhZGVUaW1lci5jdXJyZW50KTtcbiAgICAgICAgICAgIGZhZGVUaW1lci5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiBzZXRTY3JvbGxpbmcoZmFsc2UpLCBTQ1JPTExfRkFERV9ERUxBWSk7XG4gICAgICAgIH1cbiAgICAgICAgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgdGl0bGVOb2RlID0gdHlwZW9mIHRpdGxlID09PSAnc3RyaW5nJyB8fCB0eXBlb2YgdGl0bGUgPT09ICdudW1iZXInID8gKF9qc3goVHlwb2dyYXBoeS5IZWFkbGluZSwgeyBzaXplOiAnc20nLCBhczogJ2gyJywgY29sb3I6ICdkZWZhdWx0JywgY2hpbGRyZW46IHRpdGxlIH0pKSA6ICh0aXRsZSk7XG4gICAgcmV0dXJuIChfanN4KEZvcm1Db250cm9sU2l6ZUNvbnRleHQuUHJvdmlkZXIsIHsgdmFsdWU6IHJlc29sdmVGb3JtTGF5b3V0Q29uZmlnKHZhcmlhbnQsIHNpemUpLmNvbnRyb2xTaXplLCBjaGlsZHJlbjogX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBqb2luQ2xzKGNsYXNzZXMoKSwgY2xhc3Nlcyh2YXJpYW50KSwgc2Nyb2xsYWJsZSAmJiBjbGFzc2VzKCdzY3JvbGxhYmxlJyksIGNsYXNzTmFtZSksIHN0eWxlOiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBmb3JtTGF5b3V0Q3NzVmFycyh2YXJpYW50LCBzaXplKSksIChyZXNvbHZlZFdpZHRoID8geyB3aWR0aDogcmVzb2x2ZWRXaWR0aCB9IDogbnVsbCkpLCAobWF4SGVpZ2h0ICE9IG51bGxcbiAgICAgICAgICAgICAgICA/IHsgbWF4SGVpZ2h0OiB0eXBlb2YgbWF4SGVpZ2h0ID09PSAnbnVtYmVyJyA/IGAke21heEhlaWdodH1weGAgOiBtYXhIZWlnaHQgfVxuICAgICAgICAgICAgICAgIDogbnVsbCkpLCBzdHlsZSksIGNoaWxkcmVuOiBbKHRpdGxlICE9IG51bGwgfHwgZXh0cmEgIT0gbnVsbCkgJiYgKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKEZPUk1fTEFZT1VUX1NMT1QuaGVhZGVyKSwgY2hpbGRyZW46IFt0aXRsZSAhPSBudWxsICYmIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoRk9STV9MQVlPVVRfU0xPVC50aXRsZSksIGNoaWxkcmVuOiB0aXRsZU5vZGUgfSksIGV4dHJhICE9IG51bGwgJiYgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcyhGT1JNX0xBWU9VVF9TTE9ULmV4dHJhKSwgY2hpbGRyZW46IGV4dHJhIH0pXSB9KSksIGNoaWxkcmVuICE9IG51bGwgJiYgKF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGpvaW5DbHMoY2xhc3NlcyhGT1JNX0xBWU9VVF9TTE9ULmNvbnRlbnQpLCBzY3JvbGxpbmcgJiYgY2xhc3NlcyhgJHtGT1JNX0xBWU9VVF9TTE9ULmNvbnRlbnR9LXNjcm9sbGluZ2ApKSwgb25TY3JvbGw6IGhhbmRsZVNjcm9sbCwgY2hpbGRyZW46IGNoaWxkcmVuIH0pKSwgZm9vdGVyICE9IG51bGwgJiYgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcyhGT1JNX0xBWU9VVF9TTE9ULmZvb3RlciksIGNoaWxkcmVuOiBmb290ZXIgfSldIH0pKSB9KSk7XG59KTtcbkZvcm1MYXlvdXRCYXNlLmRpc3BsYXlOYW1lID0gJ0Zvcm1MYXlvdXQnO1xuLyoqXG4gKiBPbmUgbXVsdGktY29sdW1uIHJvdyBpbnNpZGUgdGhlIGZpZWxkcyByZWdpb24uIENlbGxzIHNoYXJlIHRoZSByb3cgZXZlbmx5O1xuICogdGhlIGd1dHRlciByZWFkcyB0aGUgU0FNRSBjc3MgdmFyaWFibGUgdGhlIGxheW91dCBzZXRzLCBzbyBpdCBmb2xsb3dzIHRoZVxuICogdmFyaWFudCBkZW5zaXR5IGF1dG9tYXRpY2FsbHkuIEZ1bGwtd2lkdGggZmllbGRzIGRvbid0IG5lZWQgYSBGb3JtUm93IOKAlFxuICogdGhleSBhcmUgZGlyZWN0IGNoaWxkcmVuIG9mIHRoZSBsYXlvdXQuIFJvd3MgYW5kIGZ1bGwtd2lkdGggY2hpbGRyZW4gbWl4XG4gKiBmcmVlbHkuIEFsc28gYXZhaWxhYmxlIGFzIGBGb3JtTGF5b3V0LlJvd2AuXG4gKi9cbmV4cG9ydCBjb25zdCBGb3JtUm93ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSB9KSA9PiAoX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogam9pbkNscyhjbGFzc25hbWVzKEZPUk1fTEFZT1VUX1BSRUZJWCkoJ3JvdycpLCBjbGFzc05hbWUpLCBjaGlsZHJlbjogY2hpbGRyZW4gfSkpO1xuLyoqXG4gKiBPbmUgY2VsbCBvZiBhIEZvcm1Sb3c7IGNlbGxzIHNwbGl0IHRoZSByb3cgZXZlbmx5IGFuZCBjbGlwIGxvbmcgY29udGVudC5cbiAqIEFsc28gYXZhaWxhYmxlIGFzIGBGb3JtTGF5b3V0LkNlbGxgLlxuICovXG5leHBvcnQgY29uc3QgRm9ybUNlbGwgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lIH0pID0+IChfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBqb2luQ2xzKGNsYXNzbmFtZXMoRk9STV9MQVlPVVRfUFJFRklYKSgnY2VsbCcpLCBjbGFzc05hbWUpLCBjaGlsZHJlbjogY2hpbGRyZW4gfSkpO1xuZXhwb3J0IGNvbnN0IEZvcm1MYXlvdXQgPSBPYmplY3QuYXNzaWduKG1lbW8oRm9ybUxheW91dEJhc2UpLCB7XG4gICAgUm93OiBGb3JtUm93LFxuICAgIENlbGw6IEZvcm1DZWxsLFxufSk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/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/es/components/FormLayout/config.js

@@ -0,0 +1,93 @@
+export var 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 var 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'
+  }
+};
+export var FORM_LAYOUT_VARIANTS = Object.keys(FORM_LAYOUT_CONFIG);
+export var 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.
+ */
+export var 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.
+ */
+export var 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);
+};
+export var FORM_LAYOUT_SLOT = {
+  header: 'header',
+  title: 'title',
+  extra: 'extra',
+  content: 'content',
+  footer: 'footer'
+};
+/** Bridge the resolved (variant, size) numbers into CSS custom properties. */
+export var 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9jb25maWcudHMiLCJjb21wb25lbnRzL0Zvcm1MYXlvdXQvY29uZmlnLmpzIl0sIm5hbWVzIjpbIkZPUk1fTEFZT1VUX1BSRUZJWCIsIkZPUk1fTEFZT1VUX0NPTkZJRyIsIm1vZGFsIiwid2lkdGgiLCJwYWRkaW5nIiwicm93R2FwIiwiY29sR3V0dGVyIiwicmVnaW9uR2FwIiwiYWN0aW9uR2FwIiwiY29udHJvbFNpemUiLCJwYWdlIiwiRk9STV9MQVlPVVRfVkFSSUFOVFMiLCJPYmplY3QiLCJrZXlzIiwiRk9STV9MQVlPVVRfU0laRVMiLCJGT1JNX0xBWU9VVF9TSVpFIiwic21hbGwiLCJyZXNvbHZlRm9ybUxheW91dENvbmZpZyIsInZhcmlhbnQiLCJzaXplIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidW5kZWZpbmVkIiwib3ZlcnJpZGVzIiwib3ZlcnJpZGUiLCJhc3NpZ24iLCJGT1JNX0xBWU9VVF9TTE9UIiwiaGVhZGVyIiwidGl0bGUiLCJleHRyYSIsImNvbnRlbnQiLCJmb290ZXIiLCJmb3JtTGF5b3V0Q3NzVmFycyIsImNvbmZpZyIsImNvbmNhdCJdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxJQUFNQSxrQkFBa0IsR0FBRyxhQUFhO0FBRS9DO0FDRkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FESUEsT0FBTyxJQUFNQyxrQkFBa0IsR0FBRztFQUNoQztFQUNBQyxLQUFLLEVBQUU7SUFDTDtJQUNBQyxLQUFLLEVBQUUsR0FBRztJQUNWO0lBQ0FDLE9BQU8sRUFBRSxFQUFFO0lBQ1g7SUFDQUMsTUFBTSxFQUFFLEVBQUU7SUFDVjtJQUNBQyxTQUFTLEVBQUUsRUFBRTtJQUNiO0lBQ0FDLFNBQVMsRUFBRSxFQUFFO0lBQ2I7SUFDQUMsU0FBUyxFQUFFLEVBQUU7SUFDYjtJQUNBQyxXQUFXLEVBQUU7RUNGYixDREdEO0VBQ0Q7RUFDQUMsSUFBSSxFQUFFO0lBQ0pQLEtBQUssRUFBRSxHQUFHO0lBQ1ZDLE9BQU8sRUFBRSxFQUFFO0lBQ1hDLE1BQU0sRUFBRSxFQUFFO0lBQ1ZDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFdBQVcsRUFBRTtFQ0ZiO0FBQ0osQ0RHVTtBQUlWLE9BQU8sSUFBTUUsb0JBQW9CLEdBQUdDLE1BQU0sQ0FBQ0MsSUFBSSxDQUFDWixrQkFBa0IsQ0FBd0I7QUFFMUYsT0FBTyxJQUFNYSxpQkFBaUIsR0FBRyxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQVU7QUFjNUQ7QUNuQkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FEcUJBLE9BQU8sSUFBTUMsZ0JBQWdCLEdBQUc7RUFDOUJMLElBQUksRUFBRTtJQUNKTSxLQUFLLEVBQUU7TUFBRWIsS0FBSyxFQUFFLEdBQUc7TUFBRUMsT0FBTyxFQUFFLEVBQUU7TUFBRUMsTUFBTSxFQUFFLEVBQUU7TUFBRUMsU0FBUyxFQUFFO0lBQUU7RUNuQjNEO0FBQ0osQ0RvQjRHO0FBRTVHO0FDcEJBO0FBQ0E7QUFDQTtBQUNBO0FEc0JBLE9BQU8sSUFBTVcsdUJBQXVCLEdBQUcsU0FBMUJBLHVCQUF1QkEsQ0FBSUMsT0FBMEIsRUFBb0M7RUFBQSxJQUFsQ0MsSUFBQSxHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBdUIsT0FBTztFQUNoRyxJQUFNRyxTQUFTLEdBQUdSLGdCQUFnQixDQUFDRyxPQUF3QyxDQUFDO0VBQzVFLElBQU1NLFFBQVEsR0FBR0QsU0FBUyxHQUFHQSxTQUFTLENBQUNKLElBQThCLENBQUMsR0FBR0csU0FBUztFQUNsRixPQUFBVixNQUFBLENBQUFhLE1BQUEsQ0FBQWIsTUFBQSxDQUFBYSxNQUFBLENBQUEsQ0FBQSxDQUFBLEVBQVl4QixrQkFBa0IsQ0FBQ2lCLE9BQU8sQ0FBQyxDQUFBLEVBQUtNLFFBQVEsQ0FBQTtBQUN0RCxDQUFDO0FBRUQsT0FBTyxJQUFNRSxnQkFBZ0IsR0FBRztFQUM5QkMsTUFBTSxFQUFFLFFBQVE7RUFDaEJDLEtBQUssRUFBRSxPQUFPO0VBQ2RDLEtBQUssRUFBRSxPQUFPO0VBQ2RDLE9BQU8sRUFBRSxTQUFTO0VBQ2xCQyxNQUFNLEVBQUU7QUNyQlYsQ0RzQlU7QUFFVjtBQUNBLE9BQU8sSUFBTUMsaUJBQWlCLEdBQUcsU0FBcEJBLGlCQUFpQkEsQ0FDNUJkLE9BQTBCLEVBRVQ7RUFBQSxJQURqQkMsSUFBQSxHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBdUIsT0FBTztFQUU5QixJQUFNYSxNQUFNLEdBQUdoQix1QkFBdUIsQ0FBQ0MsT0FBTyxFQUFFQyxJQUFJLENBQUM7RUFDckQsT0FBTztJQUNMLHFCQUFxQixLQUFBZSxNQUFBLENBQUtELE1BQU0sQ0FBQzlCLEtBQUssT0FBSTtJQUMxQyx1QkFBdUIsS0FBQStCLE1BQUEsQ0FBS0QsTUFBTSxDQUFDN0IsT0FBTyxPQUFJO0lBQzlDLHVCQUF1QixLQUFBOEIsTUFBQSxDQUFLRCxNQUFNLENBQUM1QixNQUFNLE9BQUk7SUFDN0MsMEJBQTBCLEtBQUE2QixNQUFBLENBQUtELE1BQU0sQ0FBQzFCLFNBQVMsT0FBSTtJQUNuRCwwQkFBMEIsS0FBQTJCLE1BQUEsQ0FBS0QsTUFBTSxDQUFDekIsU0FBUztFQ3pCL0MsQ0QwQmdCO0FBQ3BCLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2NvbmZpZy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiZXhwb3J0IGNvbnN0IEZPUk1fTEFZT1VUX1BSRUZJWCA9ICdmb3JtLWxheW91dCc7XG4vKipcbiAqIFRIRSBkZW5zaXR5IHRhYmxlIGZvciBmb3JtIHN1cmZhY2VzIOKAlCB0aGUgc2luZ2xlIHRoaW5nIHRvIGVkaXQgd2hlbiB0aGVcbiAqIGRlc2lnbiBjaGFuZ2VzIG9yIGEgbmV3IGRlbnNpdHkgaXMgYWRkZWQuIEV2ZXJ5IHZhbHVlIGlzIGNvbnN1bWVkIHRocm91Z2hcbiAqIENTUyBjdXN0b20gcHJvcGVydGllcyAoY29udGFpbmVyIHNwYWNpbmcpIG9yIHJlYWQgYnkgdGhlIGZvcm0gcHJlc2V0XG4gKiAocm93IGdhcCAvIGNvbHVtbiBndXR0ZXIgZm9yIFByb0Zvcm0pLCBzbyBhZGRpbmcgYSB2YXJpYW50IGhlcmUgaXMgdGhlXG4gKiB3aG9sZSBqb2IuXG4gKlxuICogU291cmNlOiAxTW9uZXkgRGVzaWduIFN5c3RlbSAoQmV0YSkg4oCUIFwiRGlhbG9nIEJvZHlcIiAobm9kZSAzOTc0My00NjM0KVxuICogZm9yIGBtb2RhbGA7IHBhZ2UgdXNhZ2UgKG5vZGUgMzk5NTYtOTcxMikgZm9yIGBwYWdlYC5cbiAqL1xuZXhwb3J0IGNvbnN0IEZPUk1fTEFZT1VUX0NPTkZJRyA9IHtcbiAgICAvKiogSW5zaWRlIGEgZGlhbG9nOiB0aWdodGVyIGRlbnNpdHkuICovXG4gICAgbW9kYWw6IHtcbiAgICAgICAgLyoqIERlZmF1bHQgcGFuZWwgd2lkdGggKHB4KTsgdGhlIGB3aWR0aGAgcHJvcCBvdmVycmlkZXMuICovXG4gICAgICAgIHdpZHRoOiA2NDAsXG4gICAgICAgIC8qKiBQYW5lbCBwYWRkaW5nIChweCkuICovXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgICAvKiogVmVydGljYWwgZ2FwIGJldHdlZW4gZmllbGQgcm93cyAocHgpLiAqL1xuICAgICAgICByb3dHYXA6IDEyLFxuICAgICAgICAvKiogSG9yaXpvbnRhbCBndXR0ZXIgYmV0d2VlbiBjb2x1bW5zIGluIGEgcm93IChweCkuICovXG4gICAgICAgIGNvbEd1dHRlcjogMTIsXG4gICAgICAgIC8qKiBHYXAgYmV0d2VlbiB0aGUgaGVhZGVyIC8gZmllbGRzIC8gZm9vdGVyIHJlZ2lvbnMgKHB4KS4gKi9cbiAgICAgICAgcmVnaW9uR2FwOiAxNixcbiAgICAgICAgLyoqIEdhcCBiZXR3ZWVuIGZvb3RlciBhY3Rpb24gYnV0dG9ucyAocHgpOyBBY3Rpb25CYXIgcmVhZHMgaXQgdmlhIHZhci4gKi9cbiAgICAgICAgYWN0aW9uR2FwOiAxMixcbiAgICAgICAgLyoqIENvbnRyb2wgc2l6ZSBjYXNjYWRlZCB0byBldmVyeSBmaWVsZCB2aWEgUHJvRm9ybSBgc2l6ZWAuICovXG4gICAgICAgIGNvbnRyb2xTaXplOiAnc21hbGwnLFxuICAgIH0sXG4gICAgLyoqIFN0YW5kYWxvbmUgb24gYSBwYWdlOiByb29taWVyIGRlbnNpdHkuICovXG4gICAgcGFnZToge1xuICAgICAgICB3aWR0aDogNzM4LFxuICAgICAgICBwYWRkaW5nOiAzMixcbiAgICAgICAgcm93R2FwOiAyNCxcbiAgICAgICAgY29sR3V0dGVyOiAyNCxcbiAgICAgICAgcmVnaW9uR2FwOiAyNCxcbiAgICAgICAgYWN0aW9uR2FwOiAxMixcbiAgICAgICAgY29udHJvbFNpemU6ICdsYXJnZScsXG4gICAgfSxcbn07XG5leHBvcnQgY29uc3QgRk9STV9MQVlPVVRfVkFSSUFOVFMgPSBPYmplY3Qua2V5cyhGT1JNX0xBWU9VVF9DT05GSUcpO1xuZXhwb3J0IGNvbnN0IEZPUk1fTEFZT1VUX1NJWkVTID0gWydsYXJnZScsICdzbWFsbCddO1xuLyoqXG4gKiBQZXItc2l6ZSBkZW5zaXR5IG92ZXJyaWRlcyBvbiBhIHZhcmlhbnQncyBiYXNlbGluZSAodGhlIGJhc2VsaW5lIElTIHRoZVxuICogYGxhcmdlYCBzaXplKS4gT25seSBgcGFnZS9zbWFsbGAgZXhpc3RzIHRvZGF5IOKAlCBhIG5hcnJvd2VyIHBhZ2UgKDQ0OCxcbiAqIG1hdGNoaW5nIHRoZSBhcHAncyBzaWduLWluIGNhcmQpOyBwYWRkaW5nIGFuZCBnYXBzIG1pcnJvciB0aGUgcGFnZSBiYXNlbGluZVxuICogKDMyIC8gMjQgLyAyNCkgYW5kIGFyZSBzcGVsbGVkIG91dCBzbyB0aGUgc2l6ZSdzIGZ1bGwgZGVuc2l0eSByZWFkcyBpbiBvbmVcbiAqIHBsYWNlLiBBIHZhcmlhbnQvc2l6ZSB3aXRoIG5vIGVudHJ5IHVzZXMgdGhlIGJhc2VsaW5lIHVuY2hhbmdlZCwgc28gYGxhcmdlYFxuICogbmV2ZXIgbmVlZHMgYW4gZW50cnkuIGBtb2RhbGAgaW50ZW50aW9uYWxseSBoYXMgbm8gYHNtYWxsYDogdGhlIDM4MFxuICogY29uZmlybS9yZXN1bHQgZGlhbG9nIGlzIEJhc2VEaWFsb2csIHdoaWNoIGlzIG5vdCBhIGZvcm0gc3VyZmFjZSBhbmQgZG9lc1xuICogbm90IHVzZSBGb3JtTGF5b3V0LlxuICovXG5leHBvcnQgY29uc3QgRk9STV9MQVlPVVRfU0laRSA9IHtcbiAgICBwYWdlOiB7XG4gICAgICAgIHNtYWxsOiB7IHdpZHRoOiA0NDgsIHBhZGRpbmc6IDMyLCByb3dHYXA6IDI0LCBjb2xHdXR0ZXI6IDI0IH0sXG4gICAgfSxcbn07XG4vKipcbiAqIEJhc2VsaW5lIGRlbnNpdHkgZm9yIGEgdmFyaWFudCBtZXJnZWQgd2l0aCB0aGUgcmVxdWVzdGVkIHNpemUncyBkZXZpYXRpb25zLlxuICogVGhlIHNpbmdsZSBsb29rdXAgYm90aCB0aGUgc3VyZmFjZSAoRm9ybUxheW91dCkgYW5kIHRoZSBmb3JtIHByZXNldFxuICogKEJhc2VQcm9Gb3JtKSByZWFkLCBzbyB3aWR0aCAvIHBhZGRpbmcgLyBnYXBzIC8gY29udHJvbCBzaXplIG5ldmVyIGRpdmVyZ2UuXG4gKi9cbmV4cG9ydCBjb25zdCByZXNvbHZlRm9ybUxheW91dENvbmZpZyA9ICh2YXJpYW50LCBzaXplID0gJ2xhcmdlJykgPT4ge1xuICAgIGNvbnN0IG92ZXJyaWRlcyA9IEZPUk1fTEFZT1VUX1NJWkVbdmFyaWFudF07XG4gICAgY29uc3Qgb3ZlcnJpZGUgPSBvdmVycmlkZXMgPyBvdmVycmlkZXNbc2l6ZV0gOiB1bmRlZmluZWQ7XG4gICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgRk9STV9MQVlPVVRfQ09ORklHW3ZhcmlhbnRdKSwgb3ZlcnJpZGUpO1xufTtcbmV4cG9ydCBjb25zdCBGT1JNX0xBWU9VVF9TTE9UID0ge1xuICAgIGhlYWRlcjogJ2hlYWRlcicsXG4gICAgdGl0bGU6ICd0aXRsZScsXG4gICAgZXh0cmE6ICdleHRyYScsXG4gICAgY29udGVudDogJ2NvbnRlbnQnLFxuICAgIGZvb3RlcjogJ2Zvb3RlcicsXG59O1xuLyoqIEJyaWRnZSB0aGUgcmVzb2x2ZWQgKHZhcmlhbnQsIHNpemUpIG51bWJlcnMgaW50byBDU1MgY3VzdG9tIHByb3BlcnRpZXMuICovXG5leHBvcnQgY29uc3QgZm9ybUxheW91dENzc1ZhcnMgPSAodmFyaWFudCwgc2l6ZSA9ICdsYXJnZScpID0+IHtcbiAgICBjb25zdCBjb25maWcgPSByZXNvbHZlRm9ybUxheW91dENvbmZpZyh2YXJpYW50LCBzaXplKTtcbiAgICByZXR1cm4ge1xuICAgICAgICAnLS1mb3JtLWxheW91dC13aWR0aCc6IGAke2NvbmZpZy53aWR0aH1weGAsXG4gICAgICAgICctLWZvcm0tbGF5b3V0LXBhZGRpbmcnOiBgJHtjb25maWcucGFkZGluZ31weGAsXG4gICAgICAgICctLWZvcm0tbGF5b3V0LXJvdy1nYXAnOiBgJHtjb25maWcucm93R2FwfXB4YCxcbiAgICAgICAgJy0tZm9ybS1sYXlvdXQtcmVnaW9uLWdhcCc6IGAke2NvbmZpZy5yZWdpb25HYXB9cHhgLFxuICAgICAgICAnLS1mb3JtLWxheW91dC1hY3Rpb24tZ2FwJzogYCR7Y29uZmlnLmFjdGlvbkdhcH1weGAsXG4gICAgfTtcbn07Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/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/es/components/FormLayout/context.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from '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.
+ */
+export var FormControlSizeContext = /*#__PURE__*/createContext(undefined);
+export var useFormControlSize = function useFormControlSize() {
+  return useContext(FormControlSizeContext);
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9jb250ZXh0LnRzIiwiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2NvbnRleHQuanMiXSwibmFtZXMiOlsiY3JlYXRlQ29udGV4dCIsInVzZUNvbnRleHQiLCJGb3JtQ29udHJvbFNpemVDb250ZXh0IiwidW5kZWZpbmVkIiwidXNlRm9ybUNvbnRyb2xTaXplIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxhQUFhLEVBQUVDLFVBQVUsUUFBUSxPQUFPO0FBRWpEO0FDQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FERUEsT0FBTyxJQUFNQyxzQkFBc0IsZ0JBQUdGLGFBQWEsQ0FBZ0NHLFNBQVMsQ0FBQztBQUU3RixPQUFPLElBQU1DLGtCQUFrQixHQUFHLFNBQXJCQSxrQkFBa0JBLENBQUE7RUFBQSxPQUFTSCxVQUFVLENBQUNDLHNCQUFzQixDQUFDO0FBQUEiLCJmaWxlIjoiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2NvbnRleHQuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG4vKipcbiAqIERlZmF1bHQgY29udHJvbCBzaXplIGEgRm9ybUxheW91dCBicm9hZGNhc3RzIHRvIEJBUkUgY29udHJvbHMgaW5zaWRlIGl0XG4gKiAoYG1vZGFsYCDihpIgc21hbGwsIGBwYWdlYCDihpIgbGFyZ2UpLiBJbnB1dC9TZWxlY3QgcmVhZCBpdCB3aGVuIG5vIGV4cGxpY2l0XG4gKiBgc2l6ZWAgcHJvcCBpcyBnaXZlbiwgc28gc2hlbGwtb25seSBtaWdyYXRpb25zIChubyBQcm9Gb3JtKSBnZXQgdGhlXG4gKiB2YXJpYW50J3MgY29udHJvbCBzaXplIGZvciBmcmVlLiBBbiBleHBsaWNpdCBgc2l6ZWAgYWx3YXlzIHdpbnM7IG91dHNpZGVcbiAqIGEgRm9ybUxheW91dCB0aGUgY29tcG9uZW50cyBrZWVwIHRoZWlyIG93biBgJ2xhcmdlJ2AgZGVmYXVsdC5cbiAqL1xuZXhwb3J0IGNvbnN0IEZvcm1Db250cm9sU2l6ZUNvbnRleHQgPSBjcmVhdGVDb250ZXh0KHVuZGVmaW5lZCk7XG5leHBvcnQgY29uc3QgdXNlRm9ybUNvbnRyb2xTaXplID0gKCkgPT4gdXNlQ29udGV4dChGb3JtQ29udHJvbFNpemVDb250ZXh0KTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/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/es/components/FormLayout/index.js

@@ -0,0 +1,7 @@
+import { FormLayout } from './FormLayout';
+export { FormLayout, FormRow, FormCell } 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';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9pbmRleC50cyJdLCJuYW1lcyI6WyJGb3JtTGF5b3V0IiwiRm9ybVJvdyIsIkZvcm1DZWxsIiwiRk9STV9MQVlPVVRfQ09ORklHIiwiRk9STV9MQVlPVVRfU0laRSIsIkZPUk1fTEFZT1VUX1NJWkVTIiwiRk9STV9MQVlPVVRfVkFSSUFOVFMiLCJmb3JtTGF5b3V0Q3NzVmFycyIsInJlc29sdmVGb3JtTGF5b3V0Q29uZmlnIiwiRm9ybUNvbnRyb2xTaXplQ29udGV4dCIsInVzZUZvcm1Db250cm9sU2l6ZSJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsVUFBVSxRQUFRLGNBQWM7QUFFekMsU0FBU0EsVUFBVSxFQUFFQyxPQUFPLEVBQUVDLFFBQVEsUUFBUSxjQUFjO0FBRzVELGVBQWVGLFVBQVU7QUFFekIsY0FBYyxhQUFhO0FBQzNCLFNBQ0VHLGtCQUFrQixFQUNsQkMsZ0JBQWdCLEVBQ2hCQyxpQkFBaUIsRUFDakJDLG9CQUFvQixFQUNwQkMsaUJBQWlCLEVBQ2pCQyx1QkFBdUIsUUFDbEIsVUFBVTtBQUNqQixTQUFTQyxzQkFBc0IsRUFBRUMsa0JBQWtCLFFBQVEsV0FBVyIsImZpbGUiOiJjb21wb25lbnRzL0Zvcm1MYXlvdXQvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/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/es/components/FormLayout/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2ludGVyZmFjZS5qcyIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2ludGVyZmFjZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il0sIm1hcHBpbmdzIjoiQUFBQSIsImlnbm9yZUxpc3QiOltdfQ==

package/es/components/FormLayout/style/FormLayout.css

@@ -0,0 +1,110 @@
+/**
+  * 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-form-layout {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: var(--form-layout-region-gap);
+  align-items: stretch;
+  width: min(100%, var(--form-layout-width));
+  min-width: 0;
+  padding: var(--form-layout-padding);
+  background-color: var(--om-bg-default, #fff);
+  border: 1px solid var(--om-border-neutral, #e3e4e4);
+  border-radius: var(--om-radius-600, 24px);
+}
+.om-component-ui-form-layout-header {
+  display: flex;
+  flex-shrink: 0;
+  gap: var(--om-spacing-300, 12px);
+  align-items: center;
+  justify-content: space-between;
+  min-width: 0;
+}
+.om-component-ui-form-layout-title {
+  min-width: 0;
+  color: var(--om-text-default, #131313);
+}
+.om-component-ui-form-layout-extra {
+  flex-shrink: 0;
+}
+.om-component-ui-form-layout-content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--form-layout-row-gap);
+  min-width: 0;
+}
+.om-component-ui-form-layout:has(.om-component-ui-form-layout-content > form:last-child) .om-component-ui-form-layout-footer {
+  margin-top: calc(var(--form-layout-row-gap) * -1);
+}
+.om-component-ui-form-layout-footer {
+  flex-shrink: 0;
+  width: 100%;
+}
+.om-component-ui-form-layout-row {
+  display: flex;
+  gap: var(--form-layout-row-gap);
+  width: 100%;
+  min-width: 0;
+}
+.om-component-ui-form-layout-cell {
+  flex: 1 1 0;
+  min-width: 0;
+}
+.om-component-ui-form-layout-modal {
+  box-shadow: var(--om-shadow-200, 0 10px 22px rgba(0, 0, 0, 0.1));
+}
+.om-component-ui-form-layout-scrollable {
+  max-height: 100%;
+}
+.om-component-ui-form-layout-scrollable .om-component-ui-form-layout-content {
+  flex: 1 1 auto;
+  min-height: 0;
+  margin-right: calc(var(--form-layout-padding) * -0.5);
+  padding-right: calc(var(--form-layout-padding) * 0.5);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+.om-component-ui-form-layout-scrollable .om-component-ui-form-layout-content::-webkit-scrollbar {
+  width: 4px;
+}
+.om-component-ui-form-layout-scrollable .om-component-ui-form-layout-content::-webkit-scrollbar-thumb {
+  background-color: transparent;
+  border-radius: 4px;
+}
+@supports not selector(::-webkit-scrollbar) {
+  .om-component-ui-form-layout-scrollable .om-component-ui-form-layout-content {
+    scrollbar-width: thin;
+    scrollbar-color: transparent transparent;
+  }
+}
+.om-component-ui-form-layout-scrollable:hover .om-component-ui-form-layout-content::-webkit-scrollbar-thumb,
+.om-component-ui-form-layout-scrollable .om-component-ui-form-layout-content-scrolling::-webkit-scrollbar-thumb {
+  background-color: var(--om-bg-neutral-tertiary-hover, #e3e4e4);
+}
+@supports not selector(::-webkit-scrollbar) {
+  .om-component-ui-form-layout-scrollable:hover .om-component-ui-form-layout-content,
+  .om-component-ui-form-layout-scrollable .om-component-ui-form-layout-content-scrolling {
+    scrollbar-color: var(--om-bg-neutral-tertiary-hover, #e3e4e4) transparent;
+  }
+}

package/es/components/FormLayout/style/css.js

@@ -0,0 +1,2 @@
+import './FormLayout.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvRm9ybUxheW91dC9zcmMvY29tcG9uZW50cy9Gb3JtTGF5b3V0L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sbUJBQW1CIiwiZmlsZSI6ImNvbXBvbmVudHMvRm9ybUxheW91dC9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/FormLayout/style/index.d.ts

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

package/es/components/FormLayout/style/index.js

@@ -0,0 +1,2 @@
+import './FormLayout.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvRm9ybUxheW91dC9zcmMvY29tcG9uZW50cy9Gb3JtTGF5b3V0L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sbUJBQW1CIiwiZmlsZSI6ImNvbXBvbmVudHMvRm9ybUxheW91dC9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/Grid/Col.d.ts

@@ -1,4 +1,5 @@
 import type { PropsWithChildren } from 'react';
 import type { GridColProps } from './interface';
+import './style';
 export declare const Col: import("react").NamedExoticComponent<PropsWithChildren<GridColProps>>;
 export default Col;