@wix/patterns 1.57.0 → 1.58.0

package/dist/esm/components/EntityPageCard/EntityPageCard.js

@@ -1,12 +1,8 @@
 import React from 'react';
-import { useEntityPageContext } from '../../providers';
 import { observer } from 'mobx-react-lite';
-import { CardContainer } from '../CardContainer';
+import { FormPageCard } from '../FormPageCard';
 export function _EntityPageCard(props) {
-    const { status: statusProp, ...rest } = props;
-    const pageState = useEntityPageContext();
-    const status = !pageState || pageState.isFetching ? 'loading' : statusProp;
-    return React.createElement(CardContainer, { status: status, ...rest });
+    return React.createElement(FormPageCard, { ...props });
 }
 _EntityPageCard.displayName = 'EntityPageCard';
 export const EntityPageCard = observer(_EntityPageCard);

package/dist/esm/components/EntityPageCard/EntityPageCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPageCard.js","sourceRoot":"","sources":["../../../../src/components/EntityPageCard/EntityPageCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AAIrE,MAAM,UAAU,eAAe,CAAC,KAA0B;IACxD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,SAAS,GAAG,oBAAoB,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,CAAC,SAAS,IAAI,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAE3E,OAAO,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM,KAAM,IAAI,GAAI,CAAC;AACrD,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"EntityPageCard.js","sourceRoot":"","sources":["../../../../src/components/EntityPageCard/EntityPageCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAC;AAIlE,MAAM,UAAU,eAAe,CAAC,KAA0B;IACxD,OAAO,oBAAC,YAAY,OAAK,KAAK,GAAG,CAAC;AACpC,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC"}

package/dist/esm/components/EntityPageCard/EntityPageCard.uni.driver.js

@@ -1,5 +1,5 @@
-import CardContainerUniDriver from '../CardContainer/CardContainer.uni.driver';
+import FormPageCardUniDriver from '../FormPageCard/FormPageCard.uni.driver';
 export default (base, body) => {
-    return CardContainerUniDriver(base, body);
+    return FormPageCardUniDriver(base, body);
 };
 //# sourceMappingURL=EntityPageCard.uni.driver.js.map

package/dist/esm/components/EntityPageCard/EntityPageCard.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPageCard.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/EntityPageCard/EntityPageCard.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,sBAAsB,MAAM,2CAA2C,CAAC;AAE/E,eAAe,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IAClD,OAAO,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC5C,CAAC,CAAC"}
+{"version":3,"file":"EntityPageCard.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/EntityPageCard/EntityPageCard.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,qBAAqB,MAAM,yCAAyC,CAAC;AAE5E,eAAe,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IAClD,OAAO,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC3C,CAAC,CAAC"}

package/dist/esm/components/EntityPageHeader/EntityPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPageHeader.js","sourceRoot":"","sources":["../../../../src/components/EntityPageHeader/EntityPageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AA4B7D,MAAM,UAAU,gBAAgB,CAAC,MAA6B;IAC5D,OAAO,IAAI,CAAC;AACd,CAAC;AAED,gBAAgB,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;AAC3D,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"EntityPageHeader.js","sourceRoot":"","sources":["../../../../src/components/EntityPageHeader/EntityPageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAW7D,MAAM,UAAU,gBAAgB,CAAC,MAA6B;IAC5D,OAAO,IAAI,CAAC;AACd,CAAC;AAED,gBAAgB,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;AAC3D,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/esm/components/EntityPageMainContent/EntityPageMainContent.js

@@ -1,9 +1,7 @@
 import React from 'react';
-import { Box, Cell } from '@wix/design-system';
+import { FormPageMainContent } from '../FormPageMainContent';
 export function EntityPageMainContent(props) {
-    const { children, ...rest } = props;
-    return (React.createElement(Cell, { ...rest },
-        React.createElement(Box, { direction: "vertical", gap: "SP4" }, children)));
+    return React.createElement(FormPageMainContent, { ...props });
 }
 EntityPageMainContent.displayName = 'EntityPageMainContent';
 //# sourceMappingURL=EntityPageMainContent.js.map

package/dist/esm/components/EntityPageMainContent/EntityPageMainContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPageMainContent.js","sourceRoot":"","sources":["../../../../src/components/EntityPageMainContent/EntityPageMainContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAU/C,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,oBAAC,IAAI,OAAK,IAAI;QACZ,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,IAChC,QAAQ,CACL,CACD,CACR,CAAC;AACJ,CAAC;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"EntityPageMainContent.js","sourceRoot":"","sources":["../../../../src/components/EntityPageMainContent/EntityPageMainContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAA4B,MAAM,wBAAwB,CAAC;AAIvF,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,OAAO,oBAAC,mBAAmB,OAAK,KAAK,GAAI,CAAA;AAC3C,CAAC;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC"}

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade3914354291";
+var _namespace_ = "Fade434889668";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade3914354291__root" };
+export var classes = { "root": "Fade434889668__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,CAAC;AACrD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,CAAC;AACpD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/FormPage/FormPageActionsBar.js

@@ -0,0 +1,18 @@
+import { Box, Button, Loader } from '@wix/design-system';
+import React from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useFormPageContext } from '../../providers';
+import { observer } from 'mobx-react-lite';
+export function _FormPageActionsBar({ moreActions, onCancel, onSave, }) {
+    const { translate: t, initTask } = useWixPatternsContainer();
+    const state = useFormPageContext();
+    if (!initTask.status.isSuccess) {
+        return null;
+    }
+    return (React.createElement(Box, { gap: "SP2" },
+        moreActions,
+        React.createElement(Button, { priority: "secondary", dataHook: "form-page-cancel-btn", onClick: onCancel }, t('cairo.entityPage.header.cancel.CTA')),
+        React.createElement(Button, { dataHook: "form-page-save-btn", onClick: onSave }, state.submitTask.status.isLoading ? (React.createElement(Loader, { size: "tiny" })) : (t('cairo.entityPage.header.save.CTA')))));
+}
+export const FormPageActionsBar = observer(_FormPageActionsBar);
+//# sourceMappingURL=FormPageActionsBar.js.map

package/dist/esm/components/FormPage/FormPageActionsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageActionsBar.js","sourceRoot":"","sources":["../../../../src/components/FormPage/FormPageActionsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAS3C,MAAM,UAAU,mBAAmB,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,MAAM,GACkB;IACxB,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAC7D,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAC;IAEnC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;QAC9B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;QACX,WAAW;QACZ,oBAAC,MAAM,IACL,QAAQ,EAAC,WAAW,EACpB,QAAQ,EAAC,sBAAsB,EAC/B,OAAO,EAAE,QAAQ,IAEhB,CAAC,CAAC,oCAAoC,CAAC,CACjC;QACT,oBAAC,MAAM,IACL,QAAQ,EAAC,oBAAoB,EAC7B,OAAO,EAAE,MAAM,IAEd,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CACnC,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,GAAG,CACvB,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,kCAAkC,CAAC,CACtC,CACM,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/esm/components/FormPage/FormPageProvider.js

@@ -1,10 +1,19 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { FormPageContextProvider } from '@wix/bex-core/react';
 import { PageWrapperBase } from '../PageWrapper';
 import { FormPageState } from '@wix/bex-core';
+import { useForm } from 'react-hook-form';
 export function FormPageProvider({ children, state, }) {
-    const [formPage] = useState(() => state ?? new FormPageState());
-    return (React.createElement(FormPageContextProvider, { value: formPage },
+    const newState = useForm();
+    const [formPageState] = useState(() => state ?? new FormPageState({ form: newState }));
+    const { form: { formState: { isSubmitSuccessful, isDirty } } } = formPageState;
+    /* formState is wrapped with a Proxy to improve render performance and skip extra logic if specific state is not subscribed to.
+    Therefore, make sure you invoke or read it before a render in order to enable the state update. */
+    useEffect(() => {
+        formPageState._isSubmitSuccessful = isSubmitSuccessful;
+        formPageState._isFormDirty = isDirty;
+    }, [isSubmitSuccessful, isDirty]);
+    return (React.createElement(FormPageContextProvider, { value: formPageState },
         React.createElement(PageWrapperBase, null, children)));
 }
 //# sourceMappingURL=FormPageProvider.js.map

package/dist/esm/components/FormPage/FormPageProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormPageProvider.js","sourceRoot":"","sources":["../../../../src/components/FormPage/FormPageProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAK,GAIN;IACC,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,IAAI,aAAa,EAAE,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,uBAAuB,IAAC,KAAK,EAAE,QAAQ;QACtC,oBAAC,eAAe,QAAE,QAAQ,CAAmB,CACrB,CAC3B,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FormPageProvider.js","sourceRoot":"","sources":["../../../../src/components/FormPage/FormPageProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAe,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,UAAU,gBAAgB,CAAsC,EACpE,QAAQ,EACR,KAAK,GAIN;IACC,MAAM,QAAQ,GAAG,OAAO,EAAK,CAAA;IAC7B,MAAM,CAAC,aAAa,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,IAAI,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IAEvF,MAAM,EACJ,IAAI,EAAE,EAAE,SAAS,EAAE,EAAE,kBAAkB,EAAE,OAAO,EAAE,EAAE,EACrD,GAAG,aAAa,CAAC;IAElB;sGACkG;IAClG,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,mBAAmB,GAAG,kBAAkB,CAAC;QACvD,aAAa,CAAC,YAAY,GAAG,OAAO,CAAC;IACvC,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,oBAAC,uBAAuB,IAAC,KAAK,EAAE,aAAa;QACzC,oBAAC,eAAe,QAAE,QAAQ,CAAmB,CACvB,CAC3B,CAAC;AACJ,CAAC"}

package/dist/esm/components/FormPage/WidgetsFormProvider.js

@@ -0,0 +1,10 @@
+import React, { useState } from 'react';
+import { WidgetsFormContextProvider } from '@wix/bex-core/react';
+import { PageWrapperBase } from '../PageWrapper';
+import { WidgetsFormState } from '@wix/bex-core';
+export function WidgetsFormProvider({ children, state, }) {
+    const [widgetsFormState] = useState(() => state ?? new WidgetsFormState());
+    return (React.createElement(WidgetsFormContextProvider, { value: widgetsFormState },
+        React.createElement(PageWrapperBase, null, children)));
+}
+//# sourceMappingURL=WidgetsFormProvider.js.map

package/dist/esm/components/FormPage/WidgetsFormProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetsFormProvider.js","sourceRoot":"","sources":["../../../../src/components/FormPage/WidgetsFormProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,GAIN;IACC,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAE3E,OAAO,CACL,oBAAC,0BAA0B,IAAC,KAAK,EAAE,gBAAgB;QACjD,oBAAC,eAAe,QAAE,QAAQ,CAAmB,CAClB,CAC9B,CAAC;AACJ,CAAC"}

package/dist/esm/components/FormPage/index.js

@@ -1,3 +1,5 @@
 export * from './FormPage';
 export * from './FormPageProvider';
+export * from './WidgetsFormProvider';
+export * from './FormPageActionsBar';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/FormPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPage/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPage/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC"}

package/dist/esm/components/FormPageAdditionalContent/FormPageAdditionalContent.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Box, Cell } from '@wix/design-system';
+export function FormPageAdditionalContent(props) {
+    const { children, ...rest } = props;
+    return (React.createElement(Cell, { span: 4, ...rest },
+        React.createElement(Box, { direction: "vertical", gap: "SP4" }, children)));
+}
+FormPageAdditionalContent.displayName = 'FormPageAdditionalContent';
+//# sourceMappingURL=FormPageAdditionalContent.js.map

package/dist/esm/components/FormPageAdditionalContent/FormPageAdditionalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageAdditionalContent.js","sourceRoot":"","sources":["../../../../src/components/FormPageAdditionalContent/FormPageAdditionalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAU/C,MAAM,UAAU,yBAAyB,CACvC,KAAqC;IAErC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,CAAC,KAAM,IAAI;QACrB,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,IAChC,QAAQ,CACL,CACD,CACR,CAAC;AACJ,CAAC;AAED,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC"}

package/dist/esm/components/FormPageAdditionalContent/index.js

@@ -0,0 +1,2 @@
+export * from './FormPageAdditionalContent';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/FormPageAdditionalContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPageAdditionalContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}

package/dist/esm/components/FormPageCard/FormPageCard.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useFormPageContext } from '../../providers';
+import { observer } from 'mobx-react-lite';
+import { CardContainer } from '../CardContainer';
+export function _FormPageCard(props) {
+    const { status: statusProp, ...rest } = props;
+    const pageState = useFormPageContext();
+    const status = !pageState || pageState.isFetching ? 'loading' : statusProp;
+    return React.createElement(CardContainer, { status: status, ...rest });
+}
+_FormPageCard.displayName = 'FormPageCard';
+export const FormPageCard = observer(_FormPageCard);
+//# sourceMappingURL=FormPageCard.js.map

package/dist/esm/components/FormPageCard/FormPageCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageCard.js","sourceRoot":"","sources":["../../../../src/components/FormPageCard/FormPageCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AAIrE,MAAM,UAAU,aAAa,CAAC,KAAwB;IACpD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,SAAS,GAAG,kBAAkB,EAAE,CAAC;IACvC,MAAM,MAAM,GAAG,CAAC,SAAS,IAAI,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAE3E,OAAO,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM,KAAM,IAAI,GAAI,CAAC;AACrD,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,cAAc,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}

package/dist/esm/components/FormPageCard/FormPageCard.uni.driver.js

@@ -0,0 +1,5 @@
+import CardContainerUniDriver from '../CardContainer/CardContainer.uni.driver';
+export default (base, body) => {
+    return CardContainerUniDriver(base, body);
+};
+//# sourceMappingURL=FormPageCard.uni.driver.js.map

package/dist/esm/components/FormPageCard/FormPageCard.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageCard.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/FormPageCard/FormPageCard.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,sBAAsB,MAAM,2CAA2C,CAAC;AAE/E,eAAe,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IAClD,OAAO,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC5C,CAAC,CAAC"}

package/dist/esm/components/FormPageCard/index.js

@@ -0,0 +1,2 @@
+export * from './FormPageCard';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/FormPageCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPageCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/FormPageContent/FormPageContent.js

@@ -0,0 +1,7 @@
+import { useFormPageContent } from '../../state/FormPage';
+export function FormPageContent(_props) {
+    return null;
+}
+FormPageContent.useFormPageContent = useFormPageContent;
+FormPageContent.displayName = 'FormPageContent';
+//# sourceMappingURL=FormPageContent.js.map

package/dist/esm/components/FormPageContent/FormPageContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageContent.js","sourceRoot":"","sources":["../../../../src/components/FormPageContent/FormPageContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAc1D,MAAM,UAAU,eAAe,CAAC,MAA4B;IAC1D,OAAO,IAAI,CAAC;AACd,CAAC;AAED,eAAe,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;AACxD,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/dist/esm/components/FormPageContent/index.js

@@ -0,0 +1,2 @@
+export * from './FormPageContent';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/FormPageContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPageContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/FormPageHeader/FormPageHeader.js

@@ -0,0 +1,7 @@
+import { useFormPageHeader } from '../../state/FormPage';
+export function FormPageHeader(_props) {
+    return null;
+}
+FormPageHeader.useFormPageHeader = useFormPageHeader;
+FormPageHeader.displayName = 'FormPageHeader';
+//# sourceMappingURL=FormPageHeader.js.map

package/dist/esm/components/FormPageHeader/FormPageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageHeader.js","sourceRoot":"","sources":["../../../../src/components/FormPageHeader/FormPageHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA0BzD,MAAM,UAAU,cAAc,CAAC,MAA2B;IACxD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,cAAc,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;AACrD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/esm/components/FormPageHeader/index.js

@@ -0,0 +1,2 @@
+export * from './FormPageHeader';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/FormPageHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPageHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/FormPageMainContent/FormPageMainContent.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Box, Cell } from '@wix/design-system';
+export function FormPageMainContent(props) {
+    const { children, ...rest } = props;
+    return (React.createElement(Cell, { ...rest },
+        React.createElement(Box, { direction: "vertical", gap: "SP4" }, children)));
+}
+FormPageMainContent.displayName = 'FormPageMainContent';
+//# sourceMappingURL=FormPageMainContent.js.map

package/dist/esm/components/FormPageMainContent/FormPageMainContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageMainContent.js","sourceRoot":"","sources":["../../../../src/components/FormPageMainContent/FormPageMainContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAU/C,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,oBAAC,IAAI,OAAK,IAAI;QACZ,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,IAChC,QAAQ,CACL,CACD,CACR,CAAC;AACJ,CAAC;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/esm/components/FormPageMainContent/index.js

@@ -0,0 +1,2 @@
+export * from './FormPageMainContent';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/FormPageMainContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPageMainContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/esm/components/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading491296540";
+var _namespace_ = "Heading3939498501";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading491296540__root" };
+export var classes = { "root": "Heading3939498501__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,CAAC;AACvD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow1975783416";
+var _namespace_ = "InputOverflow1447586028";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow1975783416__root" };
+export var classes = { "root": "InputOverflow1447586028__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow3718005570";
+var _namespace_ = "LoadingRow3785213970";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "LoadingRow3718005570__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow3718005570__gradientSwoosh" };
+export var classes = { "root": "LoadingRow3785213970__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow3785213970__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText3594968260";
+var _namespace_ = "MaxHeightText4225455808";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxHeightText3594968260__root" };
+export var classes = { "root": "MaxHeightText4225455808__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines3884903035";
+var _namespace_ = "MaxLines517457939";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxLines3884903035__root" };
+export var classes = { "root": "MaxLines517457939__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AACzD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar1487621547";
+var _namespace_ = "MultiBulkActionToolbar3188089289";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultiBulkActionToolbar1487621547__root" };
+export var classes = { "root": "MultiBulkActionToolbar3188089289__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTablePlaceholderStatesRow3309882604";
+var _namespace_ = "NestedTablePlaceholderStatesRow445570422";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTablePlaceholderStatesRow3309882604__root" };
+export var classes = { "root": "NestedTablePlaceholderStatesRow445570422__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTablePlaceholderStatesRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2CAA2C,CAAC;AAC9D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,iDAAiD,EAAC,CAAC;AAChF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"NestedTablePlaceholderStatesRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0CAA0C,CAAC;AAC7D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gDAAgD,EAAC,CAAC;AAC/E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow2512173199";
+var _namespace_ = "NestedTableRow3235953197";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow2512173199__root", "firstLevel": "NestedTableRow2512173199__firstLevel", "placeholder": "NestedTableRow2512173199__placeholder", "parentHovered": "NestedTableRow2512173199__parentHovered" };
+export var classes = { "root": "NestedTableRow3235953197__root", "firstLevel": "NestedTableRow3235953197__firstLevel", "placeholder": "NestedTableRow3235953197__placeholder", "parentHovered": "NestedTableRow3235953197__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultipleDragOverlayEffect507833454";
+var _namespace_ = "MultipleDragOverlayEffect2930079807";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultipleDragOverlayEffect507833454__root" };
+export var classes = { "root": "MultipleDragOverlayEffect2930079807__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oCAAoC,CAAC;AACvD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0CAA0C,EAAC,CAAC;AACzE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2CAA2C,EAAC,CAAC;AAC1E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableDragAndDropRow2229753757";
+var _namespace_ = "NestedTableDragAndDropRow93337864";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableDragAndDropRow2229753757__root" };
+export var classes = { "root": "NestedTableDragAndDropRow93337864__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2CAA2C,EAAC,CAAC;AAC1E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mCAAmC,CAAC;AACtD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yCAAyC,EAAC,CAAC;AACxE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/PickerContent/PickerContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContent1644094144";
+var _namespace_ = "PickerContent1247155066";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContent1644094144__root" };
+export var classes = { "root": "PickerContent1247155066__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep2628312461";
+var _namespace_ = "PickerContentAdditionalStep1254784731";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContentAdditionalStep2628312461__root", "titles": "PickerContentAdditionalStep2628312461__titles", "suffix": "PickerContentAdditionalStep2628312461__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep1254784731__root", "titles": "PickerContentAdditionalStep1254784731__titles", "suffix": "PickerContentAdditionalStep1254784731__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerTableListItem4000567210";
+var _namespace_ = "PickerTableListItem142950415";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerTableListItem4000567210__root" };
+export var classes = { "root": "PickerTableListItem142950415__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerTableListItem.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qCAAqC,EAAC,CAAC;AACpE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PickerTableListItem.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,8BAA8B,CAAC;AACjD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,oCAAoC,EAAC,CAAC;AACnE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ScrollableContent857634436";
+var _namespace_ = "ScrollableContent3764258275";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ScrollableContent857634436__root" };
+export var classes = { "root": "ScrollableContent3764258275__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,CAAC;AACjE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,CAAC;AAClE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}