@toptal/picasso-form 6.1.9-alpha-ff-x-replace-overflow-hidden-by-clip-popper-4c9b94a3e.1 → 6.2.0

package/dist-package/src/Form/Form.d.ts

@@ -1,7 +1,7 @@
 import type { FormEventHandler, ReactNode, FormHTMLAttributes } from 'react';
 import React from 'react';
 import type { BaseProps } from '@toptal/picasso-shared';
-import type { LabelColumnSize, ResponsiveLabelColumnSize } from '../FieldsLayout';
+import type { LabelColumnSize, ResponsiveLabelColumnSize } from '@toptal/picasso-form-layout';
 export interface Props extends BaseProps, FormHTMLAttributes<HTMLFormElement> {
     /** Content of Form constructed of Form elements */
     children?: ReactNode;

package/dist-package/src/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAC5E,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAIvD,OAAO,KAAK,EACV,eAAe,EACf,yBAAyB,EAC1B,MAAM,iBAAiB,CAAA;AAExB,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,kBAAkB,CAAC,eAAe,CAAC;IAC3E,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IAC5C,kBAAkB;IAClB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,kBAAkB;IAClB,UAAU,CAAC,EAAE,eAAe,GAAG,yBAAyB,CAAA;CACzD;AAED,eAAO,MAAM,IAAI,+EAiBf,CAAA;AAIF,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAC5E,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGvD,OAAO,KAAK,EACV,eAAe,EACf,yBAAyB,EAC1B,MAAM,6BAA6B,CAAA;AAEpC,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,kBAAkB,CAAC,eAAe,CAAC;IAC3E,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IAC5C,kBAAkB;IAClB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,kBAAkB;IAClB,UAAU,CAAC,EAAE,eAAe,GAAG,yBAAyB,CAAA;CACzD;AAED,eAAO,MAAM,IAAI,+EAiBf,CAAA;AAIF,eAAe,IAAI,CAAA"}

package/dist-package/src/Form/Form.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef } from 'react';
 import cx from 'classnames';
-import { FieldsLayoutContextProvider } from '../FieldsLayout';
+import { FieldsLayoutContextProvider } from '@toptal/picasso-form-layout';
 export const Form = forwardRef(function Form(_a, ref) {
     var { onSubmit, className, style, children, layout, labelWidth } = _a, rest = __rest(_a, ["onSubmit", "className", "style", "children", "layout", "labelWidth"]);
     return (React.createElement("form", Object.assign({}, rest, { ref: ref, onSubmit: onSubmit, className: cx(className), style: style }),

package/dist-package/src/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/Form/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAA;AAiB7D,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAyB,SAAS,IAAI,CAClE,EAAqE,EACrE,GAAG;QADH,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,OAAW,EAAN,IAAI,cAAnE,sEAAqE,CAAF;IAGnE,OAAO,CACL,8CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EACxB,KAAK,EAAE,KAAK;QAEZ,oBAAC,2BAA2B,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,IAChE,QAAQ,CACmB,CACzB,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/Form/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAiBzE,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAyB,SAAS,IAAI,CAClE,EAAqE,EACrE,GAAG;QADH,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,OAAW,EAAN,IAAI,cAAnE,sEAAqE,CAAF;IAGnE,OAAO,CACL,8CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EACxB,KAAK,EAAE,KAAK;QAEZ,oBAAC,2BAA2B,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,IAChE,QAAQ,CACmB,CACzB,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,eAAe,IAAI,CAAA"}

package/dist-package/src/FormActionsContainer/FormActionsContainer.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { Container } from '@toptal/picasso-container';
-import { useFieldsLayoutContext } from '../FieldsLayout';
+import { useFieldsLayoutContext } from '@toptal/picasso-form-layout';
 import { createLabelWidthStyles, horizontalLayoutClasses, } from '../FormField/styles';
 const FormActionsContainer = (_a) => {
     var { children, style } = _a, rest = __rest(_a, ["children", "style"]);

package/dist-package/src/FormActionsContainer/FormActionsContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormActionsContainer.js","sourceRoot":"","sources":["../../../src/FormActionsContainer/FormActionsContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EACL,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,qBAAqB,CAAA;AAO5B,MAAM,oBAAoB,GAAG,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,QAAQ,EAAE,KAAK,OAAkB,EAAb,IAAI,cAA1B,qBAA4B,CAAF;IACtD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAEvD,IAAI,MAAM,KAAK,UAAU,EAAE;QACzB,OAAO,oBAAC,SAAS,oBAAK,IAAI,GAAG,QAAQ,CAAa,CAAA;KACnD;IAED,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAA;IAE3D,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,uBAAuB,IAC9B,IAAI,IACR,KAAK,kCAAO,KAAK,GAAK,gBAAgB;QAEtC,gCAAO;QACP,iCAAM,QAAQ,CAAO,CACX,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"FormActionsContainer.js","sourceRoot":"","sources":["../../../src/FormActionsContainer/FormActionsContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,OAAO,EACL,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,qBAAqB,CAAA;AAO5B,MAAM,oBAAoB,GAAG,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,QAAQ,EAAE,KAAK,OAAkB,EAAb,IAAI,cAA1B,qBAA4B,CAAF;IACtD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAEvD,IAAI,MAAM,KAAK,UAAU,EAAE;QACzB,OAAO,oBAAC,SAAS,oBAAK,IAAI,GAAG,QAAQ,CAAa,CAAA;KACnD;IAED,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAA;IAE3D,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,uBAAuB,IAC9B,IAAI,IACR,KAAK,kCAAO,KAAK,GAAK,gBAAgB;QAEtC,gCAAO;QACP,iCAAM,QAAQ,CAAO,CACX,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist-package/src/FormCompound/index.d.ts

@@ -3,6 +3,6 @@ export declare const FormCompound: import("react").ForwardRefExoticComponent<imp
     Field: import("react").ForwardRefExoticComponent<import("../FormField/FormField").Props & import("react").RefAttributes<HTMLDivElement>>;
     Hint: import("react").ForwardRefExoticComponent<import("../FormHint/FormHint").Props & import("react").RefAttributes<HTMLDivElement>>;
     Error: import("react").ForwardRefExoticComponent<import("../FormError/FormError").Props & import("react").RefAttributes<HTMLDivElement>>;
-    Label: import("react").ForwardRefExoticComponent<import("../FormLabel/FormLabel").Props & import("react").RefAttributes<HTMLLabelElement>>;
+    Label: import("react").ForwardRefExoticComponent<import("@toptal/picasso-form-label/dist-package/src/FormLabel/FormLabel").Props & import("react").RefAttributes<HTMLLabelElement>>;
 };
 //# sourceMappingURL=index.d.ts.map

package/dist-package/src/FormCompound/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormCompound/index.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,YAAY;;;;;CAKvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormCompound/index.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,YAAY;;;;;CAKvB,CAAA"}

package/dist-package/src/FormCompound/index.js

@@ -1,8 +1,8 @@
+import { FormLabel } from '@toptal/picasso-form-label';
 import { Form } from '../Form';
 import { FormError } from '../FormError';
 import { FormField } from '../FormField';
 import { FormHint } from '../FormHint';
-import { FormLabel } from '../FormLabel';
 export const FormCompound = Object.assign(Form, {
     Field: FormField,
     Hint: FormHint,

package/dist-package/src/FormCompound/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FormCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAC9C,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FormCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAC9C,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC,CAAA"}

package/dist-package/src/FormField/FormField.js

@@ -12,10 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { forwardRef, Children } from 'react';
 import { Container } from '@toptal/picasso-container';
 import { twJoin, twMerge } from '@toptal/picasso-tailwind-merge';
+import { useFieldsLayoutContext } from '@toptal/picasso-form-layout';
 import { FormHint } from '../FormHint';
 import { FormError } from '../FormError';
 import { createLabelWidthStyles, horizontalLayoutClasses } from './styles';
-import { useFieldsLayoutContext } from '../FieldsLayout';
 const FormFieldAdornments = ({ autoSaveIndicator, children, hasMultilineCounter, }) => {
     const { layout } = useFieldsLayoutContext();
     const isHorizontal = layout === 'horizontal';

package/dist-package/src/FormField/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/FormField/FormField.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAsBxD,MAAM,mBAAmB,GAAG,CAAC,EAC3B,iBAAiB,EACjB,QAAQ,EACR,mBAAmB,GACM,EAAE,EAAE;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAC3C,MAAM,YAAY,GAAG,MAAM,KAAK,YAAY,CAAA;IAE5C,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QAC3C,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,IAAI,mBAAmB,CAAC,IACxD,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,QACJ,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,eAAe,EAAE,YAAY,IAAI,mBAAmB,CAAC;QAEtE,QAAQ;QACT,oBAAC,SAAS,IACR,SAAS,EAAE,MAAM,CACf,kBAAkB,EAClB,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAClD,IAEA,iBAAiB,CACR,CACF,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAwB,SAAS,SAAS,CAC3E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,mBAAmB,KAEjB,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,oHAUL,CAAQ,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,sBAAsB,EAAE,CAAA;IACvD,MAAM,YAAY,GAAG,MAAM,KAAK,YAAY,CAAA;IAC5C,MAAM,gBAAgB,GAAG,YAAY;QACnC,CAAC,CAAC,sBAAsB,CAAC,UAAU,CAAC;QACpC,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,wBAAwB,EACxB,YAAY,IAAI,uBAAuB,EACvC,SAAS,CACV,EACD,KAAK,kCAAO,KAAK,GAAK,gBAAgB,2BAChB,OAAO,CAAC,KAAK,CAAC;QAEnC,QAAQ;QACT,oBAAC,mBAAmB,IAClB,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB;YAEvC,KAAK,IAAI,oBAAC,SAAS,QAAE,KAAK,CAAa;YACvC,IAAI,IAAI,CACP,oBAAC,QAAQ,IAAC,SAAS,EAAE,MAAM,CAAC,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,IACjD,IAAI,CACI,CACZ;YACA,iBAAiB,CACE,CAClB,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,YAAY,GAAG,EAAE,CAAA;AAE3B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/FormField/FormField.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAsB1E,MAAM,mBAAmB,GAAG,CAAC,EAC3B,iBAAiB,EACjB,QAAQ,EACR,mBAAmB,GACM,EAAE,EAAE;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAC3C,MAAM,YAAY,GAAG,MAAM,KAAK,YAAY,CAAA;IAE5C,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QAC3C,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,IAAI,mBAAmB,CAAC,IACxD,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,QACJ,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,eAAe,EAAE,YAAY,IAAI,mBAAmB,CAAC;QAEtE,QAAQ;QACT,oBAAC,SAAS,IACR,SAAS,EAAE,MAAM,CACf,kBAAkB,EAClB,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAClD,IAEA,iBAAiB,CACR,CACF,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAwB,SAAS,SAAS,CAC3E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,mBAAmB,KAEjB,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,oHAUL,CAAQ,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,sBAAsB,EAAE,CAAA;IACvD,MAAM,YAAY,GAAG,MAAM,KAAK,YAAY,CAAA;IAC5C,MAAM,gBAAgB,GAAG,YAAY;QACnC,CAAC,CAAC,sBAAsB,CAAC,UAAU,CAAC;QACpC,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,wBAAwB,EACxB,YAAY,IAAI,uBAAuB,EACvC,SAAS,CACV,EACD,KAAK,kCAAO,KAAK,GAAK,gBAAgB,2BAChB,OAAO,CAAC,KAAK,CAAC;QAEnC,QAAQ;QACT,oBAAC,mBAAmB,IAClB,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB;YAEvC,KAAK,IAAI,oBAAC,SAAS,QAAE,KAAK,CAAa;YACvC,IAAI,IAAI,CACP,oBAAC,QAAQ,IAAC,SAAS,EAAE,MAAM,CAAC,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,IACjD,IAAI,CACI,CACZ;YACA,iBAAiB,CACE,CAClB,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,YAAY,GAAG,EAAE,CAAA;AAE3B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}

package/dist-package/src/FormField/styles.d.ts

@@ -1,5 +1,5 @@
 import type { BreakpointKeys } from '@toptal/picasso-provider';
-import type { LabelColumnSize, ResponsiveLabelColumnSize } from '../FieldsLayout';
+import type { LabelColumnSize, ResponsiveLabelColumnSize } from '@toptal/picasso-form-layout';
 export declare const getLabelWithName: (breakpoint: BreakpointKeys) => string;
 export declare const FORM_LABEL_WIDTH_CSS_VARIABLE = "--form-label-width";
 /**

package/dist-package/src/FormField/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/FormField/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAG9D,OAAO,KAAK,EACV,eAAe,EACf,yBAAyB,EAC1B,MAAM,iBAAiB,CAAA;AAExB,eAAO,MAAM,gBAAgB,eAAgB,cAAc,WAE1D,CAAA;AAED,eAAO,MAAM,6BAA6B,uBAAuB,CAAA;AAQjE;;GAEG;AACH,eAAO,MAAM,sBAAsB,eACrB,eAAe,GAAG,yBAAyB,KACtD,OAAO,MAAM,EAAE,eAAe,GAAG,cAAc,CAsBjD,CAAA;AAED,eAAO,MAAM,uBAAuB,4cAUjC,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/FormField/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,KAAK,EACV,eAAe,EACf,yBAAyB,EAC1B,MAAM,6BAA6B,CAAA;AAEpC,eAAO,MAAM,gBAAgB,eAAgB,cAAc,WAE1D,CAAA;AAED,eAAO,MAAM,6BAA6B,uBAAuB,CAAA;AAQjE;;GAEG;AACH,eAAO,MAAM,sBAAsB,eACrB,eAAe,GAAG,yBAAyB,KACtD,OAAO,MAAM,EAAE,eAAe,GAAG,cAAc,CAsBjD,CAAA;AAED,eAAO,MAAM,uBAAuB,4cAUjC,CAAA"}

package/dist-package/src/FormField/styles.js

@@ -1,4 +1,4 @@
-import { DEFAULT_LABEL_WIDTH_SIZE } from '../FieldsLayout';
+import { DEFAULT_LABEL_WIDTH_SIZE } from '@toptal/picasso-form-layout';
 export const getLabelWithName = (breakpoint) => {
     return `--form-label-width--${breakpoint}`;
 };

package/dist-package/src/FormField/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/FormField/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAA;AAM1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,UAA0B,EAAE,EAAE;IAC7D,OAAO,uBAAuB,UAAU,EAAE,CAAA;AAC5C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,oBAAoB,CAAA;AAEjE,MAAM,iBAAiB,GAAG,CACxB,UAAuD,EACxB,EAAE;IACjC,OAAO,OAAO,UAAU,KAAK,QAAQ,CAAA;AACvC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,UAAuD,EACL,EAAE;IACpD,IAAI,iBAAiB,CAAC,UAAU,CAAC,EAAE;QACjC,OAAO,EAAE,CAAC,6BAA6B,CAAC,EAAE,UAAU,EAAE,CAAA;KACvD;IAED,IAAI,qBAAqB,GAAoB,wBAAwB,CAAA;IACrE,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAqB,CAAA;IAE1D,OAAO,WAAW,CAAC,MAAM,CACvB,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE;;QAClB,IAAI,UAAU,CAAC,UAAU,CAAC,KAAK,SAAS,EAAE;YACxC,qBAAqB,GAAG,UAAU,CAAC,UAAU,CAAE,CAAA;SAChD;QAED,uCACK,GAAG,KACN,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,EAC5B,MAAA,UAAU,CAAC,UAAU,CAAC,mCAAI,qBAAqB,IAClD;IACH,CAAC,EACD,EAAE,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;GAUpC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/FormField/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAMtE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,UAA0B,EAAE,EAAE;IAC7D,OAAO,uBAAuB,UAAU,EAAE,CAAA;AAC5C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,oBAAoB,CAAA;AAEjE,MAAM,iBAAiB,GAAG,CACxB,UAAuD,EACxB,EAAE;IACjC,OAAO,OAAO,UAAU,KAAK,QAAQ,CAAA;AACvC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,UAAuD,EACL,EAAE;IACpD,IAAI,iBAAiB,CAAC,UAAU,CAAC,EAAE;QACjC,OAAO,EAAE,CAAC,6BAA6B,CAAC,EAAE,UAAU,EAAE,CAAA;KACvD;IAED,IAAI,qBAAqB,GAAoB,wBAAwB,CAAA;IACrE,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAqB,CAAA;IAE1D,OAAO,WAAW,CAAC,MAAM,CACvB,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE;;QAClB,IAAI,UAAU,CAAC,UAAU,CAAC,KAAK,SAAS,EAAE;YACxC,qBAAqB,GAAG,UAAU,CAAC,UAAU,CAAE,CAAA;SAChD;QAED,uCACK,GAAG,KACN,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,EAC5B,MAAA,UAAU,CAAC,UAAU,CAAC,mCAAI,qBAAqB,IAClD;IACH,CAAC,EACD,EAAE,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;GAUpC,CAAA"}

package/dist-package/src/FormLevelError/FormLevelError.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ReactNode, HTMLAttributes } from 'react';
+import type { BaseProps } from '@toptal/picasso-shared';
+export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare const FormLevelError: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default FormLevelError;
+//# sourceMappingURL=FormLevelError.d.ts.map

package/dist-package/src/FormLevelError/FormLevelError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLevelError.d.ts","sourceRoot":"","sources":["../../../src/FormLevelError/FormLevelError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,cAAc,8EAe1B,CAAA;AAID,eAAe,cAAc,CAAA"}

package/dist-package/src/FormLevelError/FormLevelError.js

@@ -0,0 +1,23 @@
+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 React, { forwardRef } from 'react';
+import { Alert } from '@toptal/picasso-alert';
+import { Container } from '@toptal/picasso-container';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
+export const FormLevelError = forwardRef(function FormLevelError(props, ref) {
+    const { children, className, style } = props, rest = __rest(props, ["children", "className", "style"]);
+    return (React.createElement(Container, Object.assign({}, rest, { ref: ref, className: twMerge('mb-4', className), style: style }),
+        React.createElement(Alert, { variant: 'red' }, children)));
+});
+FormLevelError.displayName = 'FormLevelError';
+export default FormLevelError;
+//# sourceMappingURL=FormLevelError.js.map

package/dist-package/src/FormLevelError/FormLevelError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLevelError.js","sourceRoot":"","sources":["../../../src/FormLevelError/FormLevelError.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAMxD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,KAAK,EAAE,GAAG;IAChC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,EACrC,KAAK,EAAE,KAAK;QAEZ,oBAAC,KAAK,IAAC,OAAO,EAAC,KAAK,IAAE,QAAQ,CAAS,CAC7B,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,eAAe,cAAc,CAAA"}

package/dist-package/src/FormLevelError/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FormLevelError';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/FormLevelError/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormLevelError/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}

package/dist-package/src/FormLevelError/index.js

@@ -0,0 +1,2 @@
+export { default } from './FormLevelError';
+//# sourceMappingURL=index.js.map

package/dist-package/src/FormLevelError/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FormLevelError/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}

package/dist-package/src/FormLevelWarning/FormLevelWarning.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ReactNode, HTMLAttributes } from 'react';
+import type { BaseProps } from '@toptal/picasso-shared';
+export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare const FormLevelWarning: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default FormLevelWarning;
+//# sourceMappingURL=FormLevelWarning.d.ts.map

package/dist-package/src/FormLevelWarning/FormLevelWarning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLevelWarning.d.ts","sourceRoot":"","sources":["../../../src/FormLevelWarning/FormLevelWarning.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,gBAAgB,8EAe5B,CAAA;AAID,eAAe,gBAAgB,CAAA"}

package/dist-package/src/FormLevelWarning/FormLevelWarning.js

@@ -0,0 +1,23 @@
+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 React, { forwardRef } from 'react';
+import { Alert } from '@toptal/picasso-alert';
+import { Container } from '@toptal/picasso-container';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
+export const FormLevelWarning = forwardRef(function FormLevelWarning(props, ref) {
+    const { children, className, style } = props, rest = __rest(props, ["children", "className", "style"]);
+    return (React.createElement(Container, Object.assign({}, rest, { ref: ref, className: twMerge('mt-4', className), style: style }),
+        React.createElement(Alert, { variant: 'yellow' }, children)));
+});
+FormLevelWarning.displayName = 'FormLevelWarning';
+export default FormLevelWarning;
+//# sourceMappingURL=FormLevelWarning.js.map

package/dist-package/src/FormLevelWarning/FormLevelWarning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLevelWarning.js","sourceRoot":"","sources":["../../../src/FormLevelWarning/FormLevelWarning.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAMxD,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,EACrC,KAAK,EAAE,KAAK;QAEZ,oBAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,IAAE,QAAQ,CAAS,CAChC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}

package/dist-package/src/FormLevelWarning/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FormLevelWarning';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/FormLevelWarning/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormLevelWarning/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA"}

package/dist-package/src/FormLevelWarning/index.js

@@ -0,0 +1,2 @@
+export { default } from './FormLevelWarning';
+//# sourceMappingURL=index.js.map

package/dist-package/src/FormLevelWarning/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FormLevelWarning/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA"}

package/dist-package/src/index.d.ts

@@ -3,10 +3,11 @@ export * from './Form';
 export * from './FormError';
 export * from './FormHint';
 export * from './FormField';
-export * from './FormControlLabel';
-export * from './FormLabel';
-export * from './FieldsLayout';
+export type { FieldsLayoutContextProviderProps, FieldsLayoutContextValue, FieldLayout, LabelColumnSize, ResponsiveLabelColumnSize, } from '@toptal/picasso-form-layout';
+export { useFieldsLayoutContext, FieldsLayoutContextProvider, } from '@toptal/picasso-form-layout';
 export * from './FormAutoSaveIndicator';
 export * from './FieldRequirements';
 export * from './FormActionsContainer';
+export { default as FormLevelError } from './FormLevelError';
+export { default as FormLevelWarning } from './FormLevelWarning';
 //# sourceMappingURL=index.d.ts.map

package/dist-package/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,YAAY,EACV,gCAAgC,EAChC,wBAAwB,EACxB,WAAW,EACX,eAAe,EACf,yBAAyB,GAC1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,sBAAsB,EACtB,2BAA2B,GAC5B,MAAM,6BAA6B,CAAA;AAEpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist-package/src/index.js

@@ -3,10 +3,10 @@ export * from './Form';
 export * from './FormError';
 export * from './FormHint';
 export * from './FormField';
-export * from './FormControlLabel';
-export * from './FormLabel';
-export * from './FieldsLayout';
+export { useFieldsLayoutContext, FieldsLayoutContextProvider, } from '@toptal/picasso-form-layout';
 export * from './FormAutoSaveIndicator';
 export * from './FieldRequirements';
 export * from './FormActionsContainer';
+export { default as FormLevelError } from './FormLevelError';
+export { default as FormLevelWarning } from './FormLevelWarning';
 //# sourceMappingURL=index.js.map

package/dist-package/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAQ3B,OAAO,EACL,sBAAsB,EACtB,2BAA2B,GAC5B,MAAM,6BAA6B,CAAA;AAEpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-form",
-  "version": "6.1.9-alpha-ff-x-replace-overflow-hidden-by-clip-popper-4c9b94a3e.1+4c9b94a3e",
+  "version": "6.2.0",
   "description": "Toptal UI components library - Form",
   "publishConfig": {
     "access": "public"
@@ -22,13 +22,16 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@toptal/picasso-collapse": "3.0.3-alpha-ff-x-replace-overflow-hidden-by-clip-popper-4c9b94a3e.83+4c9b94a3e",
-    "@toptal/picasso-container": "3.1.2-alpha-ff-x-replace-overflow-hidden-by-clip-popper-4c9b94a3e.83+4c9b94a3e",
-    "@toptal/picasso-grid": "5.0.9-alpha-ff-x-replace-overflow-hidden-by-clip-popper-4c9b94a3e.1+4c9b94a3e",
-    "@toptal/picasso-icons": "1.12.1-alpha-ff-x-replace-overflow-hidden-by-clip-popper-4c9b94a3e.1+4c9b94a3e",
-    "@toptal/picasso-shared": "15.0.1-alpha-ff-x-replace-overflow-hidden-by-clip-popper-4c9b94a3e.336+4c9b94a3e",
-    "@toptal/picasso-typography": "4.0.3-alpha-ff-x-replace-overflow-hidden-by-clip-popper-4c9b94a3e.83+4c9b94a3e",
-    "@toptal/picasso-utils": "3.0.1-alpha-ff-x-replace-overflow-hidden-by-clip-popper-4c9b94a3e.83+4c9b94a3e",
+    "@toptal/picasso-alert": "3.0.31",
+    "@toptal/picasso-collapse": "3.0.2",
+    "@toptal/picasso-container": "3.1.1",
+    "@toptal/picasso-grid": "5.0.8",
+    "@toptal/picasso-icons": "1.12.0",
+    "@toptal/picasso-form-label": "1.0.1",
+    "@toptal/picasso-form-layout": "1.0.1",
+    "@toptal/picasso-shared": "15.0.0",
+    "@toptal/picasso-typography": "4.0.2",
+    "@toptal/picasso-utils": "3.0.0",
     "ap-style-title-case": "^1.1.2",
     "classnames": "^2.5.1",
     "debounce": "^1.2.1"
@@ -48,14 +51,13 @@
     ".": "./dist-package/src/index.js"
   },
   "devDependencies": {
-    "@toptal/picasso-provider": "5.0.1-alpha-ff-x-replace-overflow-hidden-by-clip-popper-4c9b94a3e.257+4c9b94a3e",
-    "@toptal/picasso-tailwind-merge": "2.0.3-alpha-ff-x-replace-overflow-hidden-by-clip-popper-4c9b94a3e.83+4c9b94a3e",
-    "@toptal/picasso-test-utils": "1.1.2-alpha-ff-x-replace-overflow-hidden-by-clip-popper-4c9b94a3e.336+4c9b94a3e"
+    "@toptal/picasso-tailwind-merge": "2.0.2",
+    "@toptal/picasso-provider": "5.0.0",
+    "@toptal/picasso-test-utils": "1.1.1"
   },
   "files": [
     "dist-package/**",
     "!dist-package/tsconfig.tsbuildinfo",
     "src"
-  ],
-  "gitHead": "4c9b94a3e62c29b2bef0b9e028e358948269df7c"
+  ]
 }

package/src/Form/Form.tsx

@@ -2,12 +2,11 @@ import type { FormEventHandler, ReactNode, FormHTMLAttributes } from 'react'
 import React, { forwardRef } from 'react'
 import type { BaseProps } from '@toptal/picasso-shared'
 import cx from 'classnames'
-
-import { FieldsLayoutContextProvider } from '../FieldsLayout'
+import { FieldsLayoutContextProvider } from '@toptal/picasso-form-layout'
 import type {
   LabelColumnSize,
   ResponsiveLabelColumnSize,
-} from '../FieldsLayout'
+} from '@toptal/picasso-form-layout'
 
 export interface Props extends BaseProps, FormHTMLAttributes<HTMLFormElement> {
   /** Content of Form constructed of Form elements */

package/src/Form/story/Error.example.tsx

@@ -0,0 +1,50 @@
+import React from 'react'
+import {
+  Button,
+  Container,
+  Form,
+  Input,
+  FormLevelError,
+  Grid,
+} from '@toptal/picasso'
+
+const Example = () => {
+  return (
+    <Grid>
+      <Grid.Item sm={5}>
+        <Form>
+          <FormLevelError>Please correct the errors in the form</FormLevelError>
+
+          <Form.Field>
+            <Form.Label>Username</Form.Label>
+            <Input
+              required
+              value=''
+              placeholder='Enter your username'
+              width='full'
+            />
+          </Form.Field>
+
+          <Form.Field>
+            <Form.Label>Email</Form.Label>
+            <Input
+              required
+              value=''
+              placeholder='Enter your email'
+              type='email'
+              width='full'
+            />
+          </Form.Field>
+
+          <Container flex justifyContent='flex-end' className='mt-4'>
+            <Button type='submit' variant='primary'>
+              Submit
+            </Button>
+          </Container>
+        </Form>
+      </Grid.Item>
+    </Grid>
+  )
+}
+
+export default Example

package/src/Form/story/Warning.example.tsx

@@ -0,0 +1,50 @@
+import React from 'react'
+import {
+  Button,
+  Container,
+  Form,
+  FormLevelWarning,
+  Input,
+  Grid,
+} from '@toptal/picasso'
+
+const Example = () => {
+  return (
+    <Grid>
+      <Grid.Item sm={5}>
+        <Form>
+          <Form.Field>
+            <Form.Label>Username</Form.Label>
+            <Input
+              value='johndoe'
+              placeholder='Enter your username'
+              width='full'
+            />
+          </Form.Field>
+
+          <Form.Field>
+            <Form.Label>Email</Form.Label>
+            <Input
+              value='johndoe@example.com'
+              placeholder='Enter your email'
+              type='email'
+              width='full'
+            />
+          </Form.Field>
+
+          <FormLevelWarning>
+            Please review the information before submitting
+          </FormLevelWarning>
+
+          <Container flex justifyContent='flex-end' className='mt-4'>
+            <Button type='submit' variant='primary'>
+              Submit
+            </Button>
+          </Container>
+        </Form>
+      </Grid.Item>
+    </Grid>
+  )
+}
+
+export default Example

package/src/Form/story/index.jsx

@@ -1,7 +1,8 @@
+import formLabelStory from '@toptal/picasso-form-label/src/FormLabel/story'
+
 import { Form } from '../Form'
 import formFieldStory from '../../FormField/story'
 import formHintStory from '../../FormHint/story'
-import formLabelStory from '../../FormLabel/story'
 import formErrorStory from '../../FormError/story'
 import PicassoBook from '~/.storybook/components/PicassoBook'
 
@@ -25,4 +26,20 @@ page
   .addComponentDocs(formLabelStory.componentDocs)
   .addComponentDocs(formErrorStory.componentDocs)
 
+page.createChapter().addExample(
+  'Form/story/Error.example.tsx',
+  {
+    title: 'Form-Level Error',
+  },
+  'base/Form'
+)
+
+page.createChapter().addExample(
+  'Form/story/Warning.example.tsx',
+  {
+    title: 'Form-Level Warning',
+  },
+  'base/Form'
+)
+
 page.connect(formFieldStory.chapter)

package/src/FormActionsContainer/FormActionsContainer.tsx

@@ -2,8 +2,8 @@ import React from 'react'
 import type { ReactNode } from 'react'
 import type { ContainerProps } from '@toptal/picasso-container'
 import { Container } from '@toptal/picasso-container'
+import { useFieldsLayoutContext } from '@toptal/picasso-form-layout'
 
-import { useFieldsLayoutContext } from '../FieldsLayout'
 import {
   createLabelWidthStyles,
   horizontalLayoutClasses,

package/src/FormCompound/index.ts

@@ -1,8 +1,9 @@
+import { FormLabel } from '@toptal/picasso-form-label'
+
 import { Form } from '../Form'
 import { FormError } from '../FormError'
 import { FormField } from '../FormField'
 import { FormHint } from '../FormHint'
-import { FormLabel } from '../FormLabel'
 
 export const FormCompound = Object.assign(Form, {
   Field: FormField,

package/src/FormField/FormField.tsx

@@ -3,11 +3,11 @@ import React, { forwardRef, Children } from 'react'
 import type { BaseProps } from '@toptal/picasso-shared'
 import { Container } from '@toptal/picasso-container'
 import { twJoin, twMerge } from '@toptal/picasso-tailwind-merge'
+import { useFieldsLayoutContext } from '@toptal/picasso-form-layout'
 
 import { FormHint } from '../FormHint'
 import { FormError } from '../FormError'
 import { createLabelWidthStyles, horizontalLayoutClasses } from './styles'
-import { useFieldsLayoutContext } from '../FieldsLayout'
 
 export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
   /** The text of the hint */

package/src/FormField/styles.ts

@@ -1,10 +1,9 @@
 import type { BreakpointKeys } from '@toptal/picasso-provider'
-
-import { DEFAULT_LABEL_WIDTH_SIZE } from '../FieldsLayout'
+import { DEFAULT_LABEL_WIDTH_SIZE } from '@toptal/picasso-form-layout'
 import type {
   LabelColumnSize,
   ResponsiveLabelColumnSize,
-} from '../FieldsLayout'
+} from '@toptal/picasso-form-layout'
 
 export const getLabelWithName = (breakpoint: BreakpointKeys) => {
   return `--form-label-width--${breakpoint}`

package/src/FormField/test.tsx

@@ -1,12 +1,12 @@
 import React from 'react'
 import { render } from '@toptal/picasso-test-utils'
-
-import { FormField } from './index'
-import { FieldsLayoutContextProvider } from '../FieldsLayout'
+import { FieldsLayoutContextProvider } from '@toptal/picasso-form-layout'
 import type {
   LabelColumnSize,
   ResponsiveLabelColumnSize,
-} from '../FieldsLayout'
+} from '@toptal/picasso-form-layout'
+
+import { FormField } from './index'
 
 const renderFormField = (
   layout: 'horizontal' | 'vertical' = 'vertical',

package/src/FormLevelError/FormLevelError.tsx

@@ -0,0 +1,31 @@
+import React, { forwardRef } from 'react'
+import type { ReactNode, HTMLAttributes } from 'react'
+import type { BaseProps } from '@toptal/picasso-shared'
+import { Alert } from '@toptal/picasso-alert'
+import { Container } from '@toptal/picasso-container'
+import { twMerge } from '@toptal/picasso-tailwind-merge'
+
+export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
+  children: ReactNode
+}
+
+export const FormLevelError = forwardRef<HTMLDivElement, Props>(
+  function FormLevelError(props, ref) {
+    const { children, className, style, ...rest } = props
+
+    return (
+      <Container
+        {...rest}
+        ref={ref}
+        className={twMerge('mb-4', className)}
+        style={style}
+      >
+        <Alert variant='red'>{children}</Alert>
+      </Container>
+    )
+  }
+)
+
+FormLevelError.displayName = 'FormLevelError'
+
+export default FormLevelError

package/src/FormLevelError/index.ts

@@ -0,0 +1 @@
+export { default } from './FormLevelError'