@membranehq/react 0.15.5 → 0.15.7

package/dist/cjs/components/DataBuilder/Formula/mergeObjects.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -11,13 +11,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var sdk = require('@membranehq/sdk');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var fieldContext = require('../field-context.cjs');
-var formComponentsContext = require('../form-components-context.cjs');
+var React = require('react');
 var index$1 = require('../index.cjs');
+var useDataBuilderField = require('../use-data-builder-field.cjs');
+var useFormComponents = require('../use-form-components.cjs');
 
 const MergeObjectsFormula = React.forwardRef(
   (props, ref) => {
@@ -32,8 +32,8 @@ function MergeObjectsDropdown({
   onChange,
   formula
 }) {
-  const { field } = fieldContext.default();
-  const { DataBuilderForm } = formComponentsContext.useFormComponents();
+  const { field } = useDataBuilderField.default();
+  const { DataBuilderForm } = useFormComponents.useFormComponents();
   const dataField = index$1.makeDataField({
     schema: sdk.schemaWithTitle(
       {

package/dist/cjs/components/DataBuilder/Formula/noUi.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/Formula/tpl.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -11,8 +11,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
+var React = require('react');
 
 const TplFormula = React.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(index.EditorTagBadge, { variant: "static-value", ref, onDelete: props.onDelete, children: "Unsupported formula type" });

package/dist/cjs/components/DataBuilder/Formula/use-formula-components.cjs

@@ -0,0 +1,24 @@
+"use strict";
+/*
+ * Membrane React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.15.7
+ */
+'use client';
+
+'use strict';
+
+var React = require('react');
+
+const FormulaComponentsContext = React.createContext(null);
+FormulaComponentsContext.displayName = "FormulaComponentsContext";
+function useFormulaComponents() {
+  const mapping = React.useContext(FormulaComponentsContext);
+  if (!mapping) {
+    throw new Error("useFormulaComponents must be used within FormulaComponentsProvider");
+  }
+  return mapping;
+}
+
+exports.FormulaComponentsContext = FormulaComponentsContext;
+exports.useFormulaComponents = useFormulaComponents;

package/dist/cjs/components/DataBuilder/Formula/var.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -11,12 +11,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var sdk = require('@membranehq/sdk');
 var index$1 = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var NestedBadgeValue = require('../../ComboBox/Badges/EditorTagBadge/NestedBadgeValue.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 var index = require('../../Tooltip/index.cjs');
+var React = require('react');
 
 const VarFormula = React.forwardRef((props, ref) => {
   const { formula, variablesSchema } = props;

package/dist/cjs/components/DataBuilder/Nested/ArrayItems.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -18,9 +18,9 @@ var Cell = require('../../DataBuilderUI/Cell.cjs');
 var NestedLevel = require('../../DataBuilderUI/NestedLevel.cjs');
 var Row = require('../../DataBuilderUI/Row.cjs');
 require('../../DataBuilderUI/Title.cjs');
-var componentsContext = require('../components-context.cjs');
 var fieldContext = require('../field-context.cjs');
 var FieldDelete = require('../FieldDelete.cjs');
+var useDataBuilderComponents = require('../use-data-builder-components.cjs');
 var index = require('./FieldControlPanel/index.cjs');
 
 function DataBuilderFormNestedArrayItems({
@@ -66,7 +66,7 @@ function ArrayItems({ field, onChange }) {
   }) });
 }
 function DataComposerFieldArrayItem({ field, onChange, onDelete = void 0 }) {
-  const { Nested, FieldValue } = componentsContext.useDataBuilderComponents();
+  const { Nested, FieldValue } = useDataBuilderComponents.useDataBuilderComponents();
   function handleChange(value) {
     onChange?.(value);
   }

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/AddingFieldSelector.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/ControlPanel.cjs

@@ -2,18 +2,17 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var dataBuilderContext = require('../../data-builder-context.cjs');
+var useDataBuilder = require('../../use-data-builder.cjs');
 var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
 var useEventStopPropagation = require('../../../../helpers/hooks/useEventStopPropagation.cjs');
-var AddingFieldSelector = require('./AddingFieldSelector.cjs');
+var React = require('react');
 var index = require('../../../DataBuilderUI/FieldControlPanel/index.cjs');
 require('../../../DataBuilderUI/ActionBar.cjs');
 require('../../../DataBuilderUI/Cell.cjs');
@@ -24,8 +23,9 @@ require('../../../DataBuilderUI/Title.cjs');
 var index$1 = require('../../../SvgIcon/index.cjs');
 var index$2 = require('../../../Truncate/index.cjs');
 var dataField = require('../../data-field.cjs');
-var fieldContext = require('../../field-context.cjs');
 var hooks = require('../../hooks.cjs');
+var useDataBuilderField = require('../../use-data-builder-field.cjs');
+var AddingFieldSelector = require('./AddingFieldSelector.cjs');
 
 function ControlPanel({
   field,
@@ -35,7 +35,7 @@ function ControlPanel({
 }) {
   const fieldIsVisible = dataField.isFieldVisible(field);
   const [showFieldSelector, setShowFieldSelector] = React.useState(false);
-  const { isReadOnly } = dataBuilderContext.default();
+  const { isReadOnly } = useDataBuilder.default();
   const fieldCanUseVarFromVariables = hooks.useDataBuilderFieldCanUseVarFromVariables();
   const showAddFieldButtonGroup = (dataField.isObjectAllowedAdditionalProperties(field) || additionalFields.length > 0) && !isReadOnly;
   const showUseFromVariablesButtonGroup = fieldIsVisible && fieldCanUseVarFromVariables;
@@ -82,7 +82,7 @@ function GroupAddField({
   ] }) });
 }
 function GroupUseFromVariables({ labelOr }) {
-  const { setAutoOpen, localSchema } = fieldContext.default();
+  const { setAutoOpen, localSchema } = useDataBuilderField.default();
   const localSchemaType = localSchema?.type;
   function handleUseVarsFromVariables() {
     setAutoOpen(true);

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/ControlPanelForNonObjectRootField.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/index.cjs

@@ -2,15 +2,13 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var ControlPanel = require('./ControlPanel.cjs');
-var ControlPanelForNonObjectRootField = require('./ControlPanelForNonObjectRootField.cjs');
 var index = require('../../../DataBuilderUI/FieldControlPanel/index.cjs');
 require('../../../DataBuilderUI/ActionBar.cjs');
 require('../../../DataBuilderUI/Cell.cjs');
@@ -18,7 +16,9 @@ var NestedLevel = require('../../../DataBuilderUI/NestedLevel.cjs');
 require('../../../DataBuilderUI/Row.cjs');
 require('../../../DataBuilderUI/Title.cjs');
 var dataField = require('../../data-field.cjs');
-var fieldContext = require('../../field-context.cjs');
+var useDataBuilderField = require('../../use-data-builder-field.cjs');
+var ControlPanel = require('./ControlPanel.cjs');
+var ControlPanelForNonObjectRootField = require('./ControlPanelForNonObjectRootField.cjs');
 
 function DataBuilderFieldControlPanel({
   field,
@@ -55,7 +55,7 @@ function FieldControlPanelWrapper({ field, children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(NestedLevel.NestedLevel, { level, children: /* @__PURE__ */ jsxRuntime.jsx(index.FieldControlPanel, { children }) });
 }
 function useAddFieldLabel(labelFromProps) {
-  const { field, localSchema } = fieldContext.default();
+  const { field, localSchema } = useDataBuilderField.default();
   if (labelFromProps) {
     return labelFromProps;
   }

package/dist/cjs/components/DataBuilder/Nested/FieldListWrapper/FieldListWrapper.module.css.cjs

@@ -1,7 +1,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/Nested/FieldListWrapper/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -11,8 +11,8 @@
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
-var FieldListWrapper_module = require('./FieldListWrapper.module.css.cjs');
 var index = require('../../../SvgIcon/index.cjs');
+var FieldListWrapper_module = require('./FieldListWrapper.module.css.cjs');
 
 function FieldListWrapper({
   children,

package/dist/cjs/components/DataBuilder/Nested/LevelKeysConflictProvider.cjs

@@ -2,17 +2,14 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
-var React = require('react');
+var useLevelKeysConflicts = require('./use-level-keys-conflicts.cjs');
 
-const LevelKeysConflictContext = React.createContext(/* @__PURE__ */ new Set());
-const LevelKeysConflictProvider = LevelKeysConflictContext.Provider;
-const useLevelKeysConflicts = () => React.useContext(LevelKeysConflictContext);
+const LevelKeysConflictProvider = useLevelKeysConflicts.LevelKeysConflictContext.Provider;
 
 exports.LevelKeysConflictProvider = LevelKeysConflictProvider;
-exports.useLevelKeysConflicts = useLevelKeysConflicts;

package/dist/cjs/components/DataBuilder/Nested/NoSchema.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/Nested/ObjectFields.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -12,9 +12,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var componentsContext = require('../components-context.cjs');
-var dataBuilderContext = require('../data-builder-context.cjs');
 var dataField = require('../data-field.cjs');
+var useDataBuilder = require('../use-data-builder.cjs');
+var useDataBuilderComponents = require('../use-data-builder-components.cjs');
 var index = require('./FieldControlPanel/index.cjs');
 var index$1 = require('./FieldListWrapper/index.cjs');
 var LevelKeysConflictProvider = require('./LevelKeysConflictProvider.cjs');
@@ -24,7 +24,7 @@ function DataBuilderFormNestedObjectFields({
   field,
   onChange
 }) {
-  const { showNullValueFields, hideReadOnlyFields } = dataBuilderContext.default();
+  const { showNullValueFields, hideReadOnlyFields } = useDataBuilder.default();
   const [conflictedKeys, setConflictedKeys] = React.useState(/* @__PURE__ */ new Set());
   const [fieldToShowKeys, setFieldToShowKeys] = React.useState(getInitialFieldsToShow(field));
   React.useEffect(() => {
@@ -145,7 +145,7 @@ function FieldListCollapsible({
   onDelete,
   onAdd
 }) {
-  const { collapsedDataBuilder, initialVisibleFieldCount } = dataBuilderContext.default();
+  const { collapsedDataBuilder, initialVisibleFieldCount } = useDataBuilder.default();
   const isRoot = field.level === 1;
   const showCollapseWrapper = isRoot && collapsedDataBuilder && baseFields.length > initialVisibleFieldCount;
   const [collapsed, setCollapsed] = React.useState(isRoot);
@@ -190,7 +190,7 @@ function BaseFieldsList({
   onDelete,
   onAdd
 }) {
-  const { DataBuilderFormField } = componentsContext.useDataBuilderComponents();
+  const { DataBuilderFormField } = useDataBuilderComponents.useDataBuilderComponents();
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: baseFields.map((field, idx) => /* @__PURE__ */ jsxRuntime.jsx(
     DataBuilderFormField,
     {

package/dist/cjs/components/DataBuilder/Nested/ValueMapping.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -11,8 +11,8 @@
 var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@membranehq/sdk');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var integrationAppClientContext = require('../../../contexts/integration-app-client-context.cjs');
-var integrationAppConnectionContext = require('../../../contexts/integration-app-connection-context.cjs');
+var useIntegrationAppConnection = require('../../../contexts/use-integration-app-connection.cjs');
+var useMembraneClient = require('../../../contexts/use-membrane-client.cjs');
 var usePromise = require('../../../hooks/usePromise.cjs');
 require('../../DataBuilderUI/FieldControlPanel/index.cjs');
 require('../../DataBuilderUI/ActionBar.cjs');
@@ -27,8 +27,8 @@ var index$1 = require('./FieldControlPanel/index.cjs');
 
 const MAX_EXPANDED_VALUES = 20;
 function ValueMapping({ field, onChange }) {
-  const { client } = integrationAppClientContext.useMembraneClient();
-  const { connectionId } = integrationAppConnectionContext.useIntegrationAppConnection();
+  const { client } = useMembraneClient.useMembraneClient();
+  const { connectionId } = useIntegrationAppConnection.useIntegrationAppConnection();
   const formula = sdk.getFormula(field.value);
   if (formula?.type !== sdk.DataBuilderFormulaType.MAP) {
     return null;

package/dist/cjs/components/DataBuilder/Nested/use-level-keys-conflicts.cjs

@@ -0,0 +1,17 @@
+"use strict";
+/*
+ * Membrane React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.15.7
+ */
+'use client';
+
+'use strict';
+
+var React = require('react');
+
+const LevelKeysConflictContext = React.createContext(/* @__PURE__ */ new Set());
+const useLevelKeysConflicts = () => React.useContext(LevelKeysConflictContext);
+
+exports.LevelKeysConflictContext = LevelKeysConflictContext;
+exports.useLevelKeysConflicts = useLevelKeysConflicts;

package/dist/cjs/components/DataBuilder/Nested.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -12,16 +12,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@membranehq/sdk');
-var fieldContext = require('./field-context.cjs');
 var ArrayItems = require('./Nested/ArrayItems.cjs');
 var NoSchema = require('./Nested/NoSchema.cjs');
 var ObjectFields = require('./Nested/ObjectFields.cjs');
+var useDataBuilderField = require('./use-data-builder-field.cjs');
 
 function DataBuilderFormNested({
   field,
   onChange
 }) {
-  const { localSchema } = fieldContext.default();
+  const { localSchema } = useDataBuilderField.default();
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     !localSchema?.type && /* @__PURE__ */ jsxRuntime.jsx(NoSchema.default, { field, onChange }),
     localSchema?.type == "object" && !sdk.isFormula(field.value) && /* @__PURE__ */ jsxRuntime.jsx(ObjectFields.default, { field, onChange }),

package/dist/cjs/components/DataBuilder/RedactedToggleButton.cjs

@@ -2,16 +2,16 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var clsx = require('clsx');
 var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
+var React = require('react');
 require('../../styled-system/css/css.cjs');
 require('../../styled-system/helpers.cjs');
 var sva = require('../../styled-system/css/sva.cjs');

package/dist/cjs/components/DataBuilder/components-context.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -10,9 +10,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var useDataBuilderComponents = require('./use-data-builder-components.cjs');
 
-const DataBuilderComponentsContext = React.createContext(null);
-DataBuilderComponentsContext.displayName = "DataBuilderComponentsContext";
 function DataBuilderComponentsProvider({
   children,
   Nested,
@@ -23,15 +22,7 @@ function DataBuilderComponentsProvider({
     () => ({ Nested, FieldValue, DataBuilderFormField }),
     [Nested, FieldValue, DataBuilderFormField]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(DataBuilderComponentsContext.Provider, { value, children });
-}
-function useDataBuilderComponents() {
-  const components = React.useContext(DataBuilderComponentsContext);
-  if (!components) {
-    throw new Error("useDataBuilderComponents must be used within DataBuilderComponentsProvider");
-  }
-  return components;
+  return /* @__PURE__ */ jsxRuntime.jsx(useDataBuilderComponents.DataBuilderComponentsContext.Provider, { value, children });
 }
 
 exports.DataBuilderComponentsProvider = DataBuilderComponentsProvider;
-exports.useDataBuilderComponents = useDataBuilderComponents;

package/dist/cjs/components/DataBuilder/data-builder-context.cjs

@@ -2,34 +2,16 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var useDataBuilder = require('./use-data-builder.cjs');
 
 const FIELDS_TO_SHOW = 5;
-function useDataBuilder() {
-  return React.useContext(DataBuilderContext);
-}
-const DataBuilderContext = React.createContext({
-  drilldownStack: [],
-  isAdminMode: false,
-  isReadOnly: false,
-  showNullValueFields: false,
-  hideReadOnlyFields: false,
-  frozenFieldsLocators: [],
-  errorFieldsLocators: [],
-  editableVariablesSchemaLocators: [],
-  collapsedDataBuilder: false,
-  initialVisibleFieldCount: FIELDS_TO_SHOW
-});
-DataBuilderContext.displayName = "DataBuilderContext";
 const DataBuilderProvider = ({
   topLevelField,
   isAdminMode = false,
@@ -45,7 +27,7 @@ const DataBuilderProvider = ({
   initialVisibleFieldCount = FIELDS_TO_SHOW
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    DataBuilderContext.Provider,
+    useDataBuilder.DataBuilderContext.Provider,
     {
       value: {
         topLevelField,
@@ -66,4 +48,3 @@ const DataBuilderProvider = ({
 };
 
 exports.DataBuilderProvider = DataBuilderProvider;
-exports.default = useDataBuilder;

package/dist/cjs/components/DataBuilder/data-field.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/field-context.cjs

@@ -2,36 +2,17 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var dataField = require('./data-field.cjs');
+var useDataBuilderField = require('./use-data-builder-field.cjs');
 
-function useDataBuilderField() {
-  return React.useContext(DataBuilderFieldContext);
-}
-const DataBuilderFieldContext = React.createContext({
-  field: { level: 0, optionFactories: [] },
-  localSchema: {},
-  setLocalSchema: () => {
-  },
-  resetLocalSchema: () => {
-  },
-  localSchemaChangedManually: false,
-  setLocalSchemaChangedManually: () => {
-  },
-  autoOpen: false,
-  setAutoOpen: () => {
-  }
-});
-DataBuilderFieldContext.displayName = "DataBuilderFieldContext";
 const DataBuilderFieldProvider = ({ field, children }) => {
   const [localSchema, setLocalSchema] = React.useState(getDefaultLocalSchema(field));
   function resetLocalSchema() {
@@ -40,7 +21,7 @@ const DataBuilderFieldProvider = ({ field, children }) => {
   const [localSchemaChangedManually, setLocalSchemaChangedManually] = React.useState(false);
   const [autoOpen, setAutoOpen] = React.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    DataBuilderFieldContext.Provider,
+    useDataBuilderField.DataBuilderFieldContext.Provider,
     {
       value: {
         field,
@@ -80,4 +61,3 @@ function getDefaultLocalSchema(field) {
 }
 
 exports.DataBuilderFieldProvider = DataBuilderFieldProvider;
-exports.default = useDataBuilderField;

package/dist/cjs/components/DataBuilder/form-components-context.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -10,23 +10,14 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var useFormComponents = require('./use-form-components.cjs');
 
-const FormComponentsContext = React.createContext(null);
-FormComponentsContext.displayName = "FormComponentsContext";
 function FormComponentsProvider({
   children,
   DataBuilderForm
 }) {
   const value = React.useMemo(() => ({ DataBuilderForm }), [DataBuilderForm]);
-  return /* @__PURE__ */ jsxRuntime.jsx(FormComponentsContext.Provider, { value, children });
-}
-function useFormComponents() {
-  const ctx = React.useContext(FormComponentsContext);
-  if (!ctx) {
-    throw new Error("useFormComponents must be used within FormComponentsProvider");
-  }
-  return ctx;
+  return /* @__PURE__ */ jsxRuntime.jsx(useFormComponents.FormComponentsContext.Provider, { value, children });
 }
 
 exports.FormComponentsProvider = FormComponentsProvider;
-exports.useFormComponents = useFormComponents;